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

Design

Bakin' smells different in Firefox?

I'm a newbie working on my "Smells Like Bakin' " project (currently starting the responsive design section), and I noticed something that's been bugging me. My Smells Like Bakin' page looks fine in IE, but in Firefox the "contact us" link at the top wraps to the next line. Before I posted the question, I checked, and the www.smellslikebakin.com website does the same thing! So it's not just me.

My question is: Can anyone explain why this happens and, if so, how to "fix" it?

2 Answers

Matt Campbell
Matt Campbell
9,767 Points

It'll be caused because the nav hasn't been given sufficient width. normalize.css only does so much, there's still slight discrepancies. If the nav elements were a little close, the container a little wider...problem would be solved.

Plus, the smellslikebakin.com site isn't responsive so there's that as well.

Hmm. Well, I could be really industrious and play with it to see if I can fix it, but at this stage of the game I think I'm far more likely to break it. ;-)