Griddd

A dead simple, customisable, flexbox-based griddd

Star Download

Responsive

Your website will display beautifully in all the devices/screen types.

Lightweight

Concerned about load time? Don't worry about it! The CSS is super light at ~7kb.

Customisable

Griddd is written entirely using Sass, you can easily customise the grid as you want.

Responsive

Simple Syntax

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

Alignment

.start

.center

.end