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

HTML

Posted by Gabriel Leuschen
Gabriel Leuschen
741 Points

Mobile Website Not Working HELP!!!!!!!

My website that I'm working on works fine on my desktop, but on mobile its all out of place and weird. Please Help Me!!

Gabriel Leuschen
Gabriel Leuschen
741 Points

I have the Workspace "Forked" if that helps. I don't know exactly what forked means but I guess it means others can view it. please Help me find out why its buggy on a mobile phone.

1 Answer

rakan omar
rakan omar
15,066 Points
rakan omar
rakan omar
15,066 Points

its because of the different screen size. don't worry, css provides a way for you to adjust the positioning of your html elements based on screen width without having to change anything.

https://teamtreehouse.com/library/css-basics/designing-with-the-latest-features/media-queries

https://teamtreehouse.com/library/css-basics/designing-with-the-latest-features/adjusting-the-layout-with-media-queries

the links above are to two css videos on treehouse that teach you how to change the styling of certain elements based on screen width along with other factors.

now of course when you are creating complex or advanced websites, you may have to make a lot of changes for it to be phone, tablet, and desktop compatible, but for most simple projects, just a few tweaks in the right places are enough. just follow the links i provided above to learn how to do that