I’m unsure how to view my codepen page to check for its responsiveness.
I have been doing this:
(1) open the pen in debug mode
(2) then copy the url and paste into Chrome Dev Tools or Firefox Dev Tools
(3) in Dev Tools, I select the responsive design mode view and then expand/contract the browser window to get the various device widths
In Chrome, when I select a width/height of 360/640, my page looks exactly how I want it. It looks fine on my phone which has roughly the same width. (see image 1)
But in Firefox, with the same width/height, everything is a lot bigger. (see image 2)
What am I doing wrong here?