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!

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 How to Make a Website Responsive Web Design and Testing Responsive Web Design

How do I preview my site on my mobile device?

I typed out the address of the preview link in workspaces but the device displays the site just like the desktop browser displays it. I'm using Chrome on Android.

Juan Aviles
Juan Aviles
12,795 Points

Are you wondering how to preview it on a mobile device (which it sounds like you can), or why it's not responsive on a mobile device?

I don't understand the question either. You're asking how to view it on a mobile device yet you say you are using Chrome on Android... so isn't that previewing it on a mobile device?

What exactly is the problem?

2 Answers

Nathan Newell
Nathan Newell
7,634 Points

Make sure you have a tag similar to this in your head. Otherwise it will render at the device default as opposed to the actual screen size.

<meta name="viewport" content="width=device-width, initial-scale=1">

Hey man, just download Chrome. Open your webpage, click F12. A new windows should pop up. On the top bar you can see different links. Click on the little phone icon. There you can select different devices to preview your webpage.