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 trialHarish Yerra
10,031 PointsHow 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?
2 Answers
Matija Komorčec
13,123 PointsAlong 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
10,476 PointsYou 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
Harish Yerra
10,031 PointsHarish Yerra
10,031 PointsThanks for your reply. That makes a bit more sense now.