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.

CSS

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

Martin Jones
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Martin Jones
Front End Web Development Techdegree Graduate 43,232 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.