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

SMART CSS GRID - CSS Framework
https://github.com/vladocar/SMART-CSS-GRID

css css-framework css-grid css-grid-layout css-library css3 css3-grid

Last synced: 3 months ago
JSON representation

SMART CSS GRID - CSS Framework

• Host: GitHub
• URL: https://github.com/vladocar/SMART-CSS-GRID
• Owner: vladocar
• License: mit
• Created: 2018-04-30T08:23:34.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-06-02T17:29:51.000Z (over 6 years ago)
• Last Synced: 2024-11-07T06:12:24.086Z (3 months ago)
• Topics: css, css-framework, css-grid, css-grid-layout, css-library, css3, css3-grid
• Language: HTML
• Homepage: https://vladocar.github.io/SMART-CSS-GRID/
• Size: 38.1 KB
• Stars: 310
• Watchers: 20
• Forks: 25
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![License MIT](https://img.shields.io/badge/licence-MIT-blue.svg)](https://choosealicense.com/licenses/mit/)

[![Gzip Size](https://img.badgesize.io/https://unpkg.com/[email protected]/smart-grid.css?compression=gzip)](https://unpkg.com/[email protected]/smart-grid.css)



 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;

[https://vladocar.github.io/SMART-CSS-GRID/](https://vladocar.github.io/SMART-CSS-GRID/)

[Demo 1](https://vladocar.github.io/SMART-CSS-GRID/Smart-Grid-Demo.html)

[Read more on my blog..](http://www.vcarrer.com/2018/05/smart-css-grid.html)

## Download or Install

You can simply download the library or use:

```

$ npm i smart-css-grid

```

You can use PKG CDN:

```html

 

```

### License

This project is licensed under the MIT License