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 Framework Basics Build a Website with Bootstrap Adding Media Queries

VISHAL DEEPAK
VISHAL DEEPAK
3,272 Points
Posted by VISHAL DEEPAK
VISHAL DEEPAK
3,272 Points

The word "self-destructing" clashes with the right side image only in firefox

In the two columns that we layed out in jumbotron, the phrase self-destructing in firefox clashes with the image on the right. We dont have the issue in chrome.In chrome the word "destructing" automatically shifts down but it does not happen in firefox.To fix it we need to put a space between the word like "self- destructing". Anybody knows any better way?

2 Answers

RAFAEL COSTA
RAFAEL COSTA
6,243 Points
RAFAEL COSTA
RAFAEL COSTA
6,243 Points

Sometimes we find this kind of problem in some browsers. There are varios ways you could do, but don't easte much time by now. To have a better looking just tap "self - destructing", with a space before and after the "-". I'm brazilian, and with portuguese we have lots of these problems. It's just a fast way to solve. Soon you'll discover a better way to do it.

Stuart Birnage
Stuart Birnage
31,779 Points
Stuart Birnage
Stuart Birnage
31,779 Points

If you put the HTML 'wbr' tag between the '-' and the word 'destructing', it will put in a break, only if necessary, and move the word 'destructing' on to the next line.