sireno-grid/README.md

A lightweight CSS Grid system based on CSS Grid Layout with flexbox fallback for unsupported browsers.

![O Sireno from https://commons.wikimedia.org/wiki/File:O_sereo,_Francisco_Leiro.jpg](https://upload.wikimedia.org/wikipedia/commons/thumb/a/ae/O_sereo%2C_Francisco_Leiro.jpg/1920px-O_sereo%2C_Francisco_Leiro.jpg)
Foto: https://commons.wikimedia.org/wiki/File:O_sereo,_Francisco_Leiro.jpg

# Sireno Grid (BETA)

A grid system based on the grid display property with flex fallback for unsupported browsers.[CSS Grid Layout](https://blogs.igalia.com/mrego/2017/05/19/spanish-css-grid-layout-el-futuro-ya-esta-aqui/)


Proudly sponsored by [![Opsou](https://sirenogrid.com/opsou.png)](https://opsou.com)

Logo design by [![Pedro Figueras](https://sirenogrid.com/pedrofigueras.png)](https://pedrofigueras.com)

Browser test thanks to [![BrowserStack](https://sirenogrid.com/browserstack-logo-600x315.png)](https://browserstack.com)

# Install

```yarn add sireno-grid```
o
```npm i sireno-grid --save```


## Some **Sireno Grid** features

* 12 cols grid system like *bootstrap*
* Multiple predefined breakpoints
* Fluid Containers with width limit
* End column position by breakpoint
* Reorder columns by breakpoint
* Gutters / grip-gap control (by breakpoint)
* Hide / visible elements by breakpoint
* Responsive 16:9 embed
* Predefined magin classes

More info and examples http://sirenogrid.com/