SimpleGrid

 1

Description

Responsive

SG 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. Say goodbye to horizontal scrollbars.

Self-Aware

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 SG each slot knows whether it’s first, middle, or last in its respective row; no extra classes needed.

Sensible

Creating the code for your grid should be the least of your problems when building a site. That’s why SG keeps things simple and straightforward with as little markup and classes as possible. Even nesting grid slots doesn’t require extra classes.

Payment model: Free

Similar Tools

Columnal

Columnal

A responsive CSS grid system helping desktop and mobile browsers play nicely together. The Columnal CSS grid system is a […]

 1
Masonry

Masonry

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, […]

 Like
1140 CSS Grid System

1140 CSS Grid System

The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width […]

 1