Why is the Chrome Mobile Inspector View Tiny?

Scenario: You’ve started a new project for the first time in a while and you go to check what your site looks like by using the Chrome inspect tab. Surprisingly the text appears really small like this:

screenshot of chrome inspector view

Fix: We need to add the meta viewport tag to the head.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

MDN have an excellent article you can read about why this is the case.