Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML Build a Simple Website Creating a Website Structure Working with Grids

Grid

How do I make a grid for website.

5 Answers

Jacob Cooper
Jacob Cooper
31,626 Points

There's many code systems for grids inside the frameworks of Foundation and Bootstrap if you want to simply pull code but the basic idea is that you set classes for container elements of your content to predetermined widths that are floated so that they are positioned side by side. You then clear the parent element to end the float and begin again with a new row.

Staffan Mowitz
Staffan Mowitz
17,079 Points

Here's a good guide for creating your own grid system, if you don't want to use a CSS framework: http://css-tricks.com/dont-overthink-it-grids/ It's by Chris Coyier from css-tricks.com. I also think there might be a screencast on the same subject on the same site!

Zen Hess
Zen Hess
6,700 Points

Shayan Tabani, as you continue learning, this post may be helpful: "Treehouse Forum Post About Grids". The Treehouse Forum is quickly becoming one of the most powerful places to get help with your design questions. A quick search may help you more than posting a question so broad as yours. If you want a broad overview of grids, look here: CSS Tricks Overview of Grids.

Let us know if we can help you more specifically. Don't forget to make use of the vast resource that is the Treehouse Forum.

Thanks! Zen

what do you mean?? a fluid grid!! sorry for the Repost!! site going slow on my end!!!!

what do you mean?? a fluid grid!!