Modest Grid

An easy to customise grid framework that allows for the rapid development of responsive websites.

Set your columns

With Modest Grid you can select the number of columns you would like to use for your project. The reason behind this is so that it keeps your CSS file size down to a minimum. For instance, if your project only requires the page to be divided into quarters then you can simply select 4 columns.

Set your columns

Set your gutter width

As well as your columns, you can set the width you would like between them.

Set your columns

Browser viewports

You can set the viewports which allows you to tell Modest Grid where you would like the columns to break.

Set your columns

Memorable classes

A key feature of Modest Grid are the memorable class names. For instance desktop is .dt-#, tablet landscape and portrait are .tl-# and .tp-# and mobile landscape and portrait are .ml-# and .mp-#.

Set your columns