Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including sireno-grid with all npm packages installed. Try it out:

sireno-grid lists no main file and has no index.js, so it can't be directly required. If this is a mistake, please let us know. It may however contain internal files that you can require manually:

// require("sireno-grid/[??]")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

sireno-grid v0.3.0

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 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/

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free