We are just about done with our responsive site. We have everything in place, except that we haven't actually tested it on a mobile device yet. In this section, let's test our design using Chrome's mobile device simulator and then look at and try to understand the viewport meta tag.
Viewport meta tag
Testing our responsive design on a mobile device
One way to test on a mobile would be this – make your site live and test on an actual phone or tablet. An easier way to do a simple test on a phone (but possibly slightly less accurate) is to use Chrome's Device Simulator. Within DevTools there is a devices icon:
Once you click on that, you'll be able to choose a phone. We can see our site, but it...