+ Start a Discussion
Meena25Meena25 

Lightning button aligment and sizing issue

I have three buttons which are currently displayed in an unorderly fashion and i tried various css styling options but it didn't work
Meena25Meena25
Screen-print of aligned buttons currently
Deepali KulshresthaDeepali Kulshrestha
Hi Meena,

Greetings to you!

I have gone through your query.

Please try below code for reference:
<aura:component implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes,force:lightningQuickAction" access="global" >
    <div class="slds-grid slds-gutters">
        <div class="slds-col slds-size_2-of-12">
            <button class="slds-button slds-button_brand" style="width:200px;">Edit</button>

        </div>
        <div class="slds-col slds-size_2-of-12">
           <button class="slds-button slds-button_brand" style="width:200px;">Edit Mailing Address</button>

        </div>
        <div class="slds-col slds-size_2-of-12">
           <button class="slds-button slds-button_brand" style="width:200px;">Manage Preferences</button>

        </div>
    </div>
</aura:component>


I hope you find the above solution helpful. If it does, please mark as Best Answer to help others too.

Thanks and Regards,
Deepali Kulshrestha
www.kdeepali.com