sireno-grid

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

Usage no npm install needed!

<script type="module">
  import sirenoGrid from 'https://cdn.skypack.dev/sireno-grid';
</script>

README

O Sireno from https://commons.wikimedia.org/wiki/File:O_sereo,_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

Proudly sponsored by Opsou

Logo design by Pedro Figueras

Browser test thanks to BrowserStack

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/