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
Matt Costello
627 PointsCoding challenges ??
Assuming an 'img' directory with an image 'cupcake.jpg', add the image to the body of the document.
im doing it like this img src="cupcake.jpg" and tryed img src="cupcake" alt="cupcake"
12 Answers
Kevin Korte
28,149 PointsI agree with Ben Russell . You are calling the image from the root directy, but it tells you the image lives in a folder called "img". Change your src path to mirror this and you will be golden.
Ben Russell
3,667 PointsIt mentions an 'img' directory. You need to ensure the src is correct.
Matt Costello
627 Pointsimg/cupcake.jpg sweet got it! thanks guys
Kevin Korte
28,149 PointsGood to hear!
Matt Costello
627 Pointsone thing maybe i can ask your kevin, im upto css how do i download the grid.css?? he shows the site gridulator but have no idea how it works ?
Kevin Korte
28,149 PointsGridulator just does quick calculations for colums and gutters.
Grids in general are not necessary for a site, but it does help you align, and keep elements inline as you go down the page, which gives the feeling of structure and neatness, which makes your site much more enjoyable to view.
I usually us a 12 column grid for my work. I like 12 over 8 columns because it gives me more flexibility.
If my grid has a width, with 8 or 12 or whatever amount of columns you want. When you give your div a class of one column, it we be as wide as that one column is. When you give it a class of two columns, it will be as wide as two columns, plus whatever the width of the gutter, or margin that separates the two columns.
You can download the grid.css file in the downlaod project file link below that video. Once you download that, in the css folder in the download is grid.css.
For future use, I often use the Twitter Bootstrap files. It comes with a nice 12 grid system that is either fixed width or responsive, and easy to use. Just google "Twitter bootstrap" and you will find it.
Matt Costello
627 PointsThanks a alot Kevin big help!!!
Kevin Korte
28,149 PointsI guess I could just include the link to twitter bootstrap. http://twitter.github.io/bootstrap/
Even this site has "grid" of sorts. Notice how that this comment feed is about 2/3 the width of the video, and the downloads and tags section is about 1/3 the width of the video.
If you look at the source html, you'll see their div names reflect that is exactly what they were going for here.
It's a sort of grid, or structure to keep things in line.
Kevin Korte
28,149 PointsSorry, double post!
No problem, good luck! If it's all still a bit confusing, don't worry. Just keep trying to digest it all.
3 months ago, I would have had no idea what I just said meant. You'll start having "ahh hah!" moments.
Matt Costello
627 Pointshahaha cheers mate, its all slowly coming to the css is the hard part i take it but hope to understand it soon
Kevin Korte
28,149 PointsGood deal man! They all have their challenges. Once you start understanding the logic a language like CSS uses, like the box model, it really starts coming together! Good luck Matt.
Matt Costello
627 Pointskevin wouldnt be able to check out my other forum??