Griddd

A dead simple, customisable, flexbox-based griddd
DEMO

Installation

NPM

npm install griddd

CDN

https://unpkg.com/[email protected]/dist/griddd.min.css

Getting started

Link the stylesheet

<link rel="stylesheet" href=“https://unpkg.com/[email protected]/dist/griddd.min.css”>

Simple Syntax

<div class="container">
  <div class="columns">
    <div class="is-4"></div>
    <div class="is-8"></div>
  </div>
</div>

It’s that simple.

Customising - It’s all yours.

Slug

Don’t like the is- slug? I heard it boss. Loud and clear. You can change it here to whatever you want.

Number of Columns

Tired of 12 column grids? Go ahead and insert the magic number here

Sites using Griddd

• Sindre Sorhus’s Touch Bar Simulator
• Vookmark ’s transactional pages
• griddd :)
• Are you using gridd? let me know

Oh, am I missing something? the badges! here you go:

• 
• 
• 
•