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

Valentin Abramenkov
Valentin Abramenkov
6,340 Points
Posted by Valentin Abramenkov
Valentin Abramenkov
6,340 Points

Profile page bug

Hello Treehouse people,

This is a minuscule problem but it's bugging me out. On smaller screen sizes the briefcase-icon, ipad-icon and cash-icon seem to be overlapping the rest of the paragraph because of their set width and height (70px and 50px). When you disable the set measurements, everything seems fine on all screen sizes.

Is this happening for everybody? Does anyone care? I'll just go back to lessons now...

tomasvukasovic
tomasvukasovic
24,022 Points

Hi,

Have you tried adding an another stylesheet for smaller resolutions? Also you can use margins to avoid overlapping or set the width of the element with a percentage variable

Valentin Abramenkov
Valentin Abramenkov
6,340 Points
Valentin Abramenkov
Valentin Abramenkov
6,340 Points

Hey Tomas,

The bug is on the Treehouse website. So I guess your comment is for the Treehouse devs. ;)

Christian Lawrence
Christian Lawrence
3,941 Points
Christian Lawrence
Christian Lawrence
3,941 Points

I was going to say this could be due to using PX as a measurements and various screen density of pixels. Could be worth trying out EMs, REMs or % just to see.