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
Robert Devenney
1,521 PointsCSS Strucure for the Smells Like Bakin' Website Example
Unless I have missed something I am seriously confused and can't move on further until I work this problem out.
The grid structure used for the example was given to us and not explained in the slightest bar it was provided by Alison who generated it at some website. That was it so explanation of how to use the grid generation website for the example website.. nothing at all!
To be honest I am really annoyed as it seems to be a really important part and feel I have wasted a considerable chunk of my time and already started to Google how to do it and therefore try and follow free tutorials rather than paying for a membership here. I am close to cancelling my membership.
If anyone can assist with some easy to understand directions I would be most grateful.
Many Thanks
Robert.
4 Answers
Stephen Jennings
4,824 PointsFor the grid system you're simply adding a class, which if you look at the CSS the class has a predefined width and gutter. Like .grid_9 could say width: 500px; which basically says how many columns the grid will span, which the document has a predefined value for the columns and how many columns there are.
Joe Bissell
13,107 PointsYeah, I found that a bit odd when I first started. Once you're done with the Smells Like Bakin though, you go to the Deep Dive and it explains everything it much more detail and you learn about frameworks (The layout bit used in Smells Like Bakin) a little later on.
It is a little strange seeing as in the deep dive you start at the complete basics..
James Barnett
39,199 Points> It is a little strange seeing as in the deep dive you start at the complete basics..
It's a matter of teaching style, at Treehouse they favor the project-first approach. The creators of some of the other resources I like favor a fundamentals-first approach.
Different teaching styles are one of the major reasons I suggest everyone learn from multiple sources. Different people learn differently and different resources use different teaching methods, so sample broadly and use what you find works best for you. For what it's worth I favor a fundamentals-first approach.
James Barnett
39,199 PointsThis has been discussed a few times here on the forums there's not really a consensus some students favor doing a deep dives first other's favor doing a project first, it's really a matter of learning style. For what it's worth I favor a fundamentals-first approach.
Tanye Coleman
234 PointsI need those directions too. So how do we get the grid.css to show up in the file directory? Please give us steps to figure out what to do. I want to build the site, but there's no way if I don't understand what to do. Please be clear.
Stephen Jennings
4,824 PointsAll the files you need for every video are in the project file you download to the right of each video. Otherwise the grid is a file you get from a website like the grid generator used in the video, "960" or "Bootcamp" for instance.