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.

HTML

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

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

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