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

Grid system explained

Can anyone explain to me, in depth, how the grid system work, and how do I adapt the png from gridulator to a real website? I'm a little bit confused here. Thanks!

5 Answers

James Barnett
James Barnett
39,199 Points

Start with this quick intro video on What is a CSS Grids.

Next up there's 2 great articles in the Design School for Developers blog series by Tuts Plus on the topic all about grid systems and chossing a grid system.

Thank you, sir. I will check this out.

Miranda - What browser and version of the browser are you using?

Hey Wendel -

I was having the same issue. I am thinking they are going to go more indepth with the grid system on the CSS Deep Dive portion of the track. For now what I did was download the files for that section onto my computer (since my code is the same to that point anyway) and kept moving forward.

It 'worked' for me, but I was still having trouble on controlling my design!

did not work for me. my browser is not adjusting anything that was coded on index.html :( i even downloaded the project files and used that index.html and still my browser is being stuck up.

Miranda - What browser and version of the browser are you using?