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

Erik Erb
Erik Erb
7,529 Points
Posted by Erik Erb
Erik Erb
7,529 Points

How to adjust our box sizes for larger names?

I added another couple of names to the scoreboard and long names are breaking the board. I've looked at the CSS. Is there any way to easily fix this aside from increasing the size of our scoreboard manually?

1 Answer

martinjones1
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
martinjones1
Front End Web Development Techdegree Graduate 44,819 Points
martinjones1
.a{fill-rule:evenodd;}techdegree seal-36
martinjones1
Front End Web Development Techdegree Graduate 44,819 Points

Hi Erik,

I'm not sure what challenge this relates to, but in general you could force the word to break onto a new line using the overflow-wrap property.

https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap

This might not great for names, but just one solution.