This grid system is designed to be mobile first. Any grid unit specifications left without a media query specifiation (shown below) will be attributed to mobile. To fill a single column one would simply have "ls-unit-1" for all screen sizes.
- sm - Less than / Equal to 568px (35.5em)
- md - Less than / Equal to 768px (48em)
- lg - Less than / Equal to 1024px (64em)
- xl - Less than / Equal to 1280px (80em)
These two units are 50% at the medium screen width and above and will turn to 100% width on screen sizes under 768px (md)
The three units below are set to have 2, 25% columns and 1, 50% column. For mobile, the 25% columns (6-24) turn to 50% and the 1, 50% column turns to 100%.