Skip to content
A grid system based on the grid display property with flex fallback for unsupported browsers.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
src
.gitignore
CHANGELOG.md
LICENSE
README.md
package-lock.json
package.json
webpack.config.js
yarn.lock

README.md

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/

You can’t perform that action at this time.