21
Feb
Feb
Tweet
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.
Categories:
Leave a comment
[...] CSS Grid for Reponsive Designs: SimpleGrid | Greepit And screens > than 1235px So people visiting your site will receive a layout that’s tuned to the size of their browser window. Screens > than 985px [...]