CSS Grid for Reponsive Designs: SimpleGrid

SimpleGrid is a responsive CSS grid with Infinite nesting support. SimpleGrid is prepared for 4 distinct ranges of screen size:

• Screens < 720px
• Screens > 720px
• Screens > than 985px
• And screens > than 1235px

So people visiting your site will receive a layout that’s tuned to the size of their browser window.

Most grid systems use one class for all units of a single size, leaving units oblivious to where they fit into the grid. That leaves you with .first and .last classes. With SimpleGrid each slot knows whether it’s first, middle, or last in its respective row; no extra classes needed.