Grid

There are a lot of grid systems out there, like 960.gs,... Most of them have a tutorial that teaches you how to use them. Just google "grid system"

Shayan,

A great design resource for all things grid is:

<a href="http://960.gs/">http://960.gs/</a>

It's a website by Nathan Smith (who I don't personally know) but one I use quite often.

It helps explain the mechanics of grid design and also provides some baseline files to get started.

Also would encourage you to look at the responsive web design project on here.

<a href="http://teamtreehouse.com/library/build-a-responsive-website">http://teamtreehouse.com/library/build-a-responsive-website</a>

It goes over grids and how they are used to build flexible content.

This is a really great summary on responsive grids. http://www.adamkaplan.me/grid/ Good Luck!

You can use this website to generate the grid you need: http://gridulator.com/

I like this grid system :) http://lemonade.im/ and like Ryan wrote, the treehouse build a responsive website course is great.

I really recommend to try out bootstrap. Go and take the "Framework Basics" class here, for me is the perfect start for grids and responsive layouts.

I really recommend to try out bootstrap. Go and take the "Framework Basics" class here, for me is the perfect start for grids and responsive layouts.

I really recommend to try out bootstrap. Go and take the "Framework Basics" class here, for me is the perfect start for grids and responsive layouts.

woo Gabriel Rosario multiple posts!

Personally I quite like http://foundation.zurb.com - last time I checked, it was updated and maintained more often than Bootstrap.

I suppose it depends what you are looking for in a Grid… there are so many options out there!

my favorite grid generator is this: http://oligibbs.com/oligrid/html/index.php very straight forward. I hope this helps others like it helped me!

my favorite grid generator is this: http://oligibbs.com/oligrid/html/index.php very straight forward. I hope this helps others like it helped me!

If you want to explicitly learn how to create a grid, go to one of the many frameworks and pattern libraries suggested here and pull the grid component apart. Download the developer CSS. Write out the names of the classes and then write down what properties are applied to each class. Learn what each of those properties is doing to the element. Inspect the demo code in Chrome Dev Tools or your choice of code inspector. You want to internalize the what and why. Then, when you're satisfied, study another framework's approach.

Once you've gone through two or three, start building your own. Give thought to the philosophy behind the frameworks you've studied. What speaks to you? At the end of the day, your approach will be yours and yours alone. It's perfectly fine to work with Bootstrap or Foundation, but I would encourage you to not stay at that level. Build your own and keep perfecting it.

I suggest using Zurb foundation framework for grids, it is light weight and easy to use.

Check this link http://ieatcss.com/zurb-foundation-framework-tutorials/zurb-foundation-grid-system.html for step by step tutorial on using foundation 5 framework grids.