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

Posted by Scott Schopman
Scott Schopman
4,027 Points

"Working With Grids" Smells Like Bakin site not showing up as shown in video? Nick Help!

Hey there...

I have been following along with Nicks videos by mimicking the coding of what he does.

I am at the grid portion of the video were we are applying grids to the different div's.

At the 7:15min mark of the video when Nick refreshes his page to see how it looks, I do the same yet my "Cupcake of the Week" section is pushing my "Get Bakin with Us" section a little more than it appears on Nicks version in the video... also my "email us:" email link gets pushed under the cupcake of the week img and my social media links are pushed under as well?

Can't figure out what is wrong? I have followed Nick verbatim and using all the same normalize.css and grid.css files. I keep going back and seeing if I mistyped a grid somewhere but I can't find an error? Anyone have any suggestions? Nick Help!

Nick Pettit
Nick Pettit
Treehouse Teacher
Nick Pettit
Nick Pettit
Treehouse Teacher

Hi Scott,

Can you post your code somewhere so that we can all take a look? You can either zip it up, upload it, and then post the link to here, or you can use something like CodePen which might be a little easier. Here's an example: http://codepen.io/nickpettit/pen/qALps

Scott Schopman
Scott Schopman
4,027 Points

Hey Nick,

Thanks so much for the quick response!

I used CodePen, although not sure if I did it right... Here is the link...

http://codepen.io/moopuna/pen/mxjec

The JS column I just copied my grid.css coding into...

Also I will tweet you a screenshot of what it looks like in Chrome to me... It also seems like my padding on both sides is more extreme

Nick Pettit
Nick Pettit
Treehouse Teacher
Nick Pettit
Nick Pettit
Treehouse Teacher

Hi Scott,

The JS column in CodePen is for JavaScript, not CSS. That's OK though! :)

I think it would be better if you zipped up your project and emailed it to help@teamtreehouse.com - They should be able to direct it to me from there.

Scott Schopman
Scott Schopman
4,027 Points

Hey Nick,

Doing it now!

Ya I know about the Javascript column I just didn't know how to add another CSS column (since the defaults were HTML, CSS, and JS) for my grid file so I thought it could work by just posting my grid coding there... sorry about that.

I will send over a zip file right now.

Again, thanks so much for the responsiveness and the help. You guys are great.

Scott Schopman
Scott Schopman
4,027 Points

Any luck Nick?

Nick Pettit
Nick Pettit
Treehouse Teacher
Nick Pettit
Nick Pettit
Treehouse Teacher

Hi Scott,

I just replied! Thanks for your patience. :)

1 Answer

Scott Schopman
Scott Schopman
4,027 Points
Scott Schopman
Scott Schopman
4,027 Points

Thanks so much Nick!

Thanks so much for getting back to me! Really appreciate the depth you went to figure this out for me as well. You guys rock! Hope you had a great Labor Day!