DEV Community

loading...
Cover image for SMART CSS GRID - Minimal CSS Framework

SMART CSS GRID - Minimal CSS Framework

vladocar profile image Vladimir Carrer ・1 min read

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;

https://vladocar.github.io/SMART-CSS-GRID/

Demo 1

Download or Install

You can simply download the library or use:

$ npm i smart-css-grid
Enter fullscreen mode Exit fullscreen mode

You can use PKG CDN:

 <link rel="stylesheet" href="https://unpkg.com/smart-css-grid@1.0.0/smart-grid.css">
Enter fullscreen mode Exit fullscreen mode

Project on Github: https://github.com/vladocar/SMART-CSS-GRID

Discussion (0)

pic
Editor guide