Switch branches/tags
Nothing to show
Clone or download
Latest commit 965c7a3 Jun 2, 2018
Failed to load latest commit information.
.DS_Store update Jun 2, 2018
.gitignore package Jun 2, 2018
100g.gif New Commit May 1, 2018
LICENSE Create LICENSE May 27, 2018 Update Jun 2, 2018
Smart-Grid-Demo.html New Commit May 1, 2018
index.html Typos May 5, 2018
package.json package Jun 2, 2018
smart-grid-logo.svg First Commit Apr 30, 2018
smart-grid.css Replacing "grid-*: auto / span N" by "grid-*-end: span N" May 5, 2018

License MIT Gzip Size

SMART CSS GRID - Minimal CSS Framework

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.
  • Responsive.
  • 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;

Demo 1

Read more on my blog..

Download or Install

You can simply download the library or use:

$ npm i smart-css-grid

You can use PKG CDN:

 <link rel="stylesheet" href="">


This project is licensed under the MIT License