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


Grid code

Help please. I'm so new to all this. I'm trying to do my own website using the example of Smells Like Bakin. I've got to the grid section and Nick says used Gridulator but when I go on this website and put in 1000px and 12 columns I can't seem to find a way to get the code up. How do you do it?

7 Answers

James White
James White
6,159 Points

Grid ulster doesn't give you the code. It's a way to visualize what the grid layout will look like. There a video about using grid systems further in.

Oh I see, thank you. Will they give me the code then? Think I'm probably trying to run before I can walk and should just watch the videos first rather than try and do my own at the same time.

Matt Campbell
Matt Campbell
9,767 Points

You'll have to right your own code. It's very simple though. Draw out your design on paper before you touch code. Look at what percentage elements take up and work your colums from there. Example, simple two sidebars and a main content section. You could have 2 classes of 25% and 50% width with no margin. Assign the sidebars 1 and the main content 2 all floated left and you'll be left with sidebar(25% wide) content 50% and your last sidebar.

I hope that helps a bit. Don't think my explanation is great.

You can click on the right side to download a ZIP file who will contain these files you are looking for.

Took me also a few moments to figure that out.

Hope that helps, have fun,


Thanks. On the right side of where though? I just want to basically copy exactly what they're doing in the tutorial rather than write my own code, i'm only changing text copy and photos. It is fun!

When the movie is playing in your browser scroll down and on the right side of your browser you can download there: Download zip project files.

What a star, thank you so much. Panic over. Helen