Say hello to grid64 - responsive, nesting, super simple
Features
- responsive / adaptive layout
- 5 fixed width layouts
- fluid mobile layout
- 6 distinct ranges of screen sizes
- infinitive nesting blocks and rows
- no "first" or "last" classes necessary
- sensible column widths
- 20 px fixed gutter
Adaptive Layout
grid64 is prepared for 6 distinct ranges of screen sizes:
- screens < 560px
- screens > 560px
- screens > 740px
- screens > 980px
- screens > 1220px
- screens > 1580px
Who made it?
grid64 is made and maintained by Malte Mayrberger.
It is inspired by and based on Conor Muirheads grid system SimpleGrid which is a fork of a project originally developed by the team at Crowd Favorite.
What does it look like?
This site is built with grid64. Below you find an overview of grid widths and an example grid.
The example grid demonstrates some of the possible block combinations together with nesting of blocks.
How does it work?
Start with the .grid64 wrapper. Inside the wrapper create divs with the class .row. Inside each row, create divs with the respective .block-# for content. That's it!