Agrid.css

The grid you were always looking for !

Really easy to use, Agrid.css is a simple, light and fluid grid systeme. It use the same HTML class than Twitter Bootstrap, but without all the other stuff. So now, if you just want to use a grid, it seems to be the right choice.

You don't need to be an hardcoder to use this awesome grid, just remember the structure :


    <div class="container">
        <div class="row">
            <div class="col-4"></div>
            <div class="col-4"></div>
            <div class="col-4 last"></div>
        </div>
    </div>

Download the grid :

agrid

Or fork the project :

github

That's my daddy !
▽

Control the columns !

The less/sass file gives you a complete control over the grid. You can choose how many columns you want. Just define :

@columnNumber

Control the gutter !

You can also choose the proportions between column and gutter. It make the perfect grid for your project. Define :

@columnRatio

Control the width !

You are not any more restrained by width choosing for you. You choose the width, the third important parameter :

@maxWidth

Just look how it's work

.col-1

.col-2

.col-3

.col-4

.col-5

.col-2

.col-6

.col-7

.col-5

.col-8

.col-4

.col-9

.col-3

.col-10

.col-2

.col-11

.col-1

.col-2

.col-2 .offset-3

.col-2

.col-2 .offset-1

.col-2 .offset-5

.col-6 .offset-3

.col-10 .offset-2

Develloped by Yago, Antistatique Sàrl