SMART CSS GRID
Minimal Responsive Grid System
Simple naming system
Flexible & Fluid
Choose any main width and the grid will auto adapt. Example: 90%, 960xp, 10em or whatever you want.
Super useful when you working with media queries. You can reorder anything. In this example we used: "grid-row: 20; grid-column: 4 / 7;" to bring 4 column to 2 place.
You probably never gonna need nested columns with the CSS Grid, but if you do use the class .nested and you have 12 columns inside any other column.
Smart Grid is CSS fluid responsive layout system with 12 columns and it is only 0.5 KB. Clear syntax. No unnecessary div nesting, meaning you will write less HTML. It works in any browser that support the CSS Grid.