native-grid

A responsive CSS native grid layout.

Usage

Include the following stylesheet into your page:

``html

`

Use the prefixes to define the grid column behavior in multiple breakpoints:

`html



`

$3

- xs - Extra small breakpoint (min-width: 0)
- sm - Small breakpoint (min-width: 36rem)
- md - Medium breakpoint (min-width: 48rem)
- lg - Large breakpoint (min-width: 62rem)
- xl - Extra large breakpoint (min-width: 75rem)

Options

$3

The grid has a default gutter of 1rem between it's columns, but you can customize it using the following options:

- Small gutter (.5rem): Add the grid--small-gutter class to your grid container element;
- Zero gutter: Add the grid--no-gutter class to your grid container element.

$3

The default column system is based on 12, but it also can be set as a 16-column grid system applying the grid--16-column class to your grid container element:

`html



``

License

MIT