Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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. ;-)