Add/ Remove Column Sizes (%)
$column-sizes: 10 20 50 100;
Add/ Remove Gutter Sizes (px)
$gutter-sizes: 5 10 15 20 30;
Change Class Delimiter
Change Class Size Names
$smallest: "xxs";
$smaller: "xs";
$small: "s";
$medium: "m";
$large: "l";
$larger: "xl";
Change Screen Sizes
$mobile-small-portrait-width: 480px;
$mobile-small-landscape-width: 600px;
$mobile-large-width: 767px;
$tablet-portrait-width: 1023px;
$tablet-landscape-width: 1199px;
$desktop-width: 1200px;
Enable Fallback for Non-Flexbox Browsers
AdaptiveGrid looks for the no-flexbox class name in the body tag. Include it with Modernizr.
Responsive
Adaptive Column Width
Adaptive Gutter Size
Adaptive Column Hiding/ Showing
Fill Width
Horizontal Position Left
Horizontal Position Center
Horizontal Position Right
Position Top
Position Middle
Position Bottom
Center and Middle Positioning
Content In Situ
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae volutpat metus. Quisque pulvinar, velit in mollis semper, arcu ipsum finibus mi, a blandit lacus arcu vitae massa.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae volutpat metus. Quisque pulvinar, velit in mollis semper, arcu ipsum finibus mi, a blandit lacus arcu vitae massa.
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae volutpat metus. Quisque pulvinar, velit in mollis semper, arcu ipsum finibus mi, a blandit lacus arcu vitae massa.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae volutpat metus. Quisque pulvinar, velit in mollis semper, arcu ipsum finibus mi, a blandit lacus arcu vitae massa.