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

CSS

Stephen McMillan
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Stephen McMillan
iOS Development with Swift Techdegree Graduate 33,994 Points
Posted by Stephen McMillan
.a{fill-rule:evenodd;}techdegree seal-36
Stephen McMillan
iOS Development with Swift Techdegree Graduate 33,994 Points

Grid Systems? Making a Website? Layout? Help.

So, I've noticed that treehouse hasn't taught me how to lay out a webpage. Yes, CSS and HTML but i have no idea on how grids work, how to layout columns or divs, Im really stuck on my website project and i don't know what to do, Any Suggestions?

4 Answers

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

This of example uses grid.css from smellslikebacon.com

If you are looking for a more robust and responsive solution, you can also use something like simple grid just swap out this simplegrid's css file and apply the relevant classes to your HTML.

Sam LaFontaine
PLUS
Sam LaFontaine
Courses Plus Student 315 Points
Sam LaFontaine
Sam LaFontaine
Courses Plus Student 315 Points

I hope this will help you; http://gyazo.com/d321b2803913ac425ed6bf964b77c22f

Charles Gray
Charles Gray
19,470 Points
Charles Gray
Charles Gray
19,470 Points

you can easily customize a website by adding rows and columns as well as opening empty tags and adding borders to them.

William V
William V
508 Points
William V
William V
508 Points

James, that first link is exactly what I needed. I was completely misunderstanding what grids were until I read that. If anyone from Treehouse views this, I think it would be helpful to add in that grids can be thought of as boxes that you put next to each other, not like a grid found on graph paper.

A visual video of grids and their tags could be shown and it would be especially helpful to show a "grid_1" next to another "grid_1" so that people can conceptualize that they are just sizes of boxes.