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

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

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

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

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.