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

Posted by Andy Nguyen
Andy Nguyen
693 Points

mobile resize not same like in video

https://w.trhou.se/rtw0xilo3b Website looks okay fullscreen, but i resize smaller to mobile it gets misplaced, can anyone see whats wrong in the code? thanks!!! xD

1 Answer

Jason Welsh
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jason Welsh
Treehouse Project Reviewer
Jason Welsh
.a{fill-rule:evenodd;}techdegree seal-36
Jason Welsh
Treehouse Project Reviewer

Hi. I don't see any media queries to tell the browser to adjust the layout elements, or other changes in smaller screen resolutions. It looks like what you are seeing is the browser's default behavior when using a smaller viewport. You need to define your layouts and styles with media queries to have things display properly in various resolutions and viewport sizes and devices. Hope this helps!