• Stars
    star
    108
  • Rank 321,259 (Top 7 %)
  • Language
    CSS
  • License
    MIT License
  • Created over 7 years ago
  • Updated over 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A dead simple, customisable, flexbox-based griddd

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

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

  • forthebadge
  • forthebadge
  • forthebadge
  • forthebadge