Responsivegridsystem.com Website Review

The Responsive Grid System isn't a framework. It's not a boilerplate either. It's a quick, easy & flexible way to create a responsive web Don't be forced into having a fixed number of columns across a whole page. You can have whatever you want, wherever you need it. Because it uses percentages, your fluid columns will fit into any width. The margins (gutters) use percentages too. There's no need to hack in any offsets or marginless final columns. It's the last time you need to use .LAST and the end of .END. Instead of fitting your content to your grid, you can make your grid suit your content. Doesn't that feel good? It plugs into your existing HTML and CSS, it will be your friend in no time. Mobile versions of the grid are already baked in, or you can cook up your own. Use it on as simple or as complex a project as you wish. You'll be done in minutes. As long as you can count up to the number of columns you need you'll be fine. I'm only showing sample code for a 3 column layout here, but the Responsive Grid System goes all the way to 12, baby! @media only screen and (max-width: 480px) {     .col { margin: 1% 0 1% 0%;} splits up the page horizontally. You'll need a few of these to break up the content, and you can use them in your main wrapper, or within divides the section into columns. Each column has a left margin of 1.6% (around 20 pixels on a normal monitor), except the first one. Using .COL:FIRST-CHILD { MARGIN-LEFT: 0; } means you don't need to use CLAS*=LAST anywhere. It works in all browsers since IE6. solves floating problems, by forcing the section to self clear its children (aka the clearfix hack). This is good in Firefox 3.5+, Safari specifies the width of the column. Using percentages means it's 100% fluid. as soon as the screen size gets less than 480 pixels the columns stack and the margins disappear. Below you can see each row split up into the most available columns. Apart from this site? Some of the other websites out there using the responsive grid system: