function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ 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