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

Pure

Pure

A set of small, responsive CSS modules that you can use in every web project.

 1
YAML Builder

YAML Builder

A tool for visual layout development of YAML based CSS layouts

 Like
Columnal

Columnal

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

 1