Base Layout

New

Base Layout to build sections: Corresponds to legacy container class and can be used as a container for elements that not necessarily needs to be inside a grid system

SPECS

Screen size Padding Max-width
Mobile portrait

0-478

375 primary mobile design size

 16  
Mobile landscape
 
479-767 16
Tablet

768-991

768 primary tablet design size

 32
Desktop

992-1280 32 1216 (+  left/right padding)

1281-1920

1920 primary desktop design size

 32
 1216 (+  left/right padding)

Example


<div class="base-layout">
    <div class="padding-y-1300 bg-grey-400"></div>
</div>
View test page