Skip to content

Instantly share code, notes, and snippets.

@simpluslabs

simpluslabs/ligntingLayoutWithDifferentSizes.cmp

Created November 13, 2018 10:11
Show Gist options
  • Save simpluslabs/8d052c6f3021d8308fa96d45acb6208b to your computer and use it in GitHub Desktop.
Save simpluslabs/8d052c6f3021d8308fa96d45acb6208b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ligntingLayoutWithDifferentSizes.cmp
<aura:component >
<div class="c-container">
<lightning:layout multipleRows="true">
<lightning:layoutItem size="6" mediumDeviceSize="3" padding="around-small">
<div class="custom-box">1</div>
</lightning:layoutItem>
<lightning:layoutItem size="6" mediumDeviceSize="3" padding="around-small">
<div class="custom-box">2</div>
</lightning:layoutItem>
<lightning:layoutItem size="6" mediumDeviceSize="3" padding="around-small">
<div class="custom-box">3</div>
</lightning:layoutItem>
<lightning:layoutItem size="6" mediumDeviceSize="3" padding="around-small">
<div class="custom-box">4</div>
</lightning:layoutItem>
</lightning:layout>
</div>
</aura:component>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment