Monday, 6 May 2019

Salesforce - SLDS Grid System



If you want one column, below code is helpful

 <div class="slds-grid slds-wrap">                                                 
                        <div class="slds-col slds-size_1-of-1 slds-small-size_1-of-1 slds-medium-size_1-of-1" style="padding:0px 2px">   
                            </div>
</div>






If you want two columns below code is helpful


<div class="slds-grid slds-wrap">                                                 
                        <div class="slds-col slds-size_1-of-1 slds-small-size_1-of-1 slds-medium-size_1-of-2" style="padding:0px 2px">   
                       //content goes here
</div>
  <div class="slds-col slds-size_1-of-1 slds-small-size_1-of-1 slds-medium-size_1-of-2" style="padding:0px 2px">   
                   //content goes here
                            </div>
</div>

No comments:

Post a Comment