Responsive & Fluid Nested Grid System

A problem with current CSS Grid systems like Twitter Bootstrap is that the margins of nested elements are different from the margins of outer elements. This results in an uneven layout.

This “LESS Fluid Nested Grid system” tries to deal with this by calculating the margin of each nested element related to its parent holder. This way each element has the same margin and thus you create a balanced grid

2 thoughts on “Responsive & Fluid Nested Grid System

  1. Simon says:

    Hey Andre,

    I just wanted to say a quick thanks. I’ve used your LESS Fluid Nested Grid system for about 6 months now and it’s a brilliant piece of work that side steps what was turning out to be a big problem for me using other responsive grids.

    Really, great work :)

    Thanks again,

  2. André says:

    Glad to hear the framework was useful!

Leave a Reply to André Cancel reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>