Web Grid

CSS Grid based Grid Framework!

A CSS grid based Grid system for easy web development.

The minified Grid CSS weighs less than a KB.

Simple

Web Grid makes use of Grid CSS which it simple and easy to use.

Lightweight

Web Grid uses no floats and flex. Hence making it one of the lightest CSS Frameworks.

Responsive

Web Grid adopts its size according to the device it is viewed on.

Usage

    <div class="row">
           <div class="c-4">
                  <p class="item">Spans over 4 fractions of the available width.</p>
           </div>
           <div class="c-8">
                  <p class="item">Spans over 8 fractions of the available width.</p>
           </div>
    </div><!-- end row -->
        

Spans over 4 fractions of the available width.

Spans over 8 fractions of the available width.

Sample Grids

c-1
c-11
c-2
c-10
c-3
c-9
c-4
c-8
c-5
c-7
c-6
c-6
c-12

Nested Grids

c-6
c-6
c-6
c-4
c-8