Smart CSS Grid is CSS GRID based fluid responsive layout system with 12 columns.
- Minimal. It is only 0.5 KB.
- Clear syntax.
- No unnecessary nesting, meaning you will write less HTML.
- Flexible the main width can be any number or uint ex: 960px, 90% or whatever you like.
- Supports rows merging, nesting columns, column swapping..
The project is designed to adapt to any size or any column gap. You can change these values into the main CSS file. Example width: 85% and grid-gap: 20px; or width: 1200px and grid-gap: 14px;
You can simply download the library or use:
$ npm i smart-css-grid
You can use PKG CDN:
<link rel="stylesheet" href="https://firstname.lastname@example.org/smart-grid.css">
Project on Github: https://github.com/vladocar/SMART-CSS-GRID