Navbar size when viewed on a mobile

Hello everyone, I’ve just created a second version of my portfolio page and uploaded it to GitHub pages. I’ve encountered an issue when viewing my website on a mobile device however, where my navbar appears smaller than intended. The navbar only appears smaller when viewing the Github pages site. When I was testing on Codepen, the navbar appears fine both on mobile and desktop. There is also no issue when viewing the website in landscape on mobile. Please see links and pictures below.

When viewed on a mobile from Github pages:


Try adding the viewport meta tag.

That seemed to do the trick, thank you so much!