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

Danny Vega
Danny Vega
2,685 Points
Posted by Danny Vega
Danny Vega
2,685 Points

Grid Problem in Working with Grids video

Hello all,

I'm having an issue with grids in this video. The email address, Facebook and Twitter logos are showing under the avocado cupcake photo instead of to the right of photo like in the video. How can I share a link of my code to show my HTML and CSS for help where I've made a mistake? Any info is appreciated.

thank you!

3 Answers

Chase Lee
Chase Lee
29,275 Points
Chase Lee
Chase Lee
29,275 Points

As far as I can tell, it looks fine. (based on looking back at what I did in the "Build A Simple Website").

Danny Vega
Danny Vega
2,685 Points
Danny Vega
Danny Vega
2,685 Points

thanks. I've tried doing the code over again but I'm having the same issue. thanks for your help

Lee Walker
Lee Walker
650 Points
Lee Walker
Lee Walker
650 Points

You've missed out your last 2 grid div containers around Inside the kitchen and the Get Bakin' with Us sections. Check out my code from line 44 onwards.

Danny Vega
Danny Vega
2,685 Points
Danny Vega
Danny Vega
2,685 Points

thanks lee! I tried adding the 2 grid div containers like in your code but it throws off the formatting even more in my index.html

does your page look the same as in the video?

Lee Walker
Lee Walker
650 Points

Yes it does, the only issue I had was with the get bakin' with us section but I extended the div to encapsulate it all and it fixed itself.

Looking a bit more closely at your code i noticed you missed and omega class from your 'You're makin' me blush' div on line 26 which makes the picture run onto the next line.

I think that with the other divs and one grid 12 div around the copyright stuff which i forgot to notice last time should fix it up for you.