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 How to Make a Website Styling Web Pages and Navigation Style the Portfolio

Harish Yerra
Harish Yerra
10,031 Points

How do I know if I am styling the Mobile Website or the Desktop Site?

Nick mentions that the whole time we were programming we were styling the mobile website. How do I know if I am styling the Mobile or the Desktop Site?

Harish Yerra
Harish Yerra
10,031 Points

Thanks for your reply. That makes a bit more sense now.

2 Answers

Matija Komorฤec
Matija Komorฤec
13,123 Points

Along with what Alexander said, you can also check how the site looks on different screen sizes by opening Chrome developers tools, and then opening the "Toggle Device mode", it's a simulator which lets you see your website on different devices. It's pretty handy.

Alexander Smith
Alexander Smith
10,476 Points

You start with the mobile. Make the site look good on small screen resolutions like on a phone. Later you will learn about a media query which will allow you to make changes to how your site looks if your site is viewed on larger resolutions like a tablet or desktop. If your site is viewed within a specific resolution size, the code you write in the media query will run and adjust the look of your site. It's just easier to start with smaller resolutions as they are generally less complicated. The main layout of your site will look the same but you can make it look better as the screen that your viewer is using gets larger. In short, the desktop site adds css to the mobile site as the screen resolution increases