I’m really struggling with Codepen. My editing screen shows me something completely different to my responsive screen so it feels like I’m constantly going back and forth between the two. Even when everything looks good in codepen responsive mode, I’ll check it on my ipad/phone and it’s looks completely different.
For example, I have a footer issue, I want the footer to be in view at all times. Which it is, but as soon as I go responsive mode, select 100% and it’s out of view unless I scroll up and down.
With codepen I’m unsure what is the correct screen for my final output I’m also unsure if 100% zoom means the actual viewport size of the final product.
I’m working on a 15.4-inch (2880 × 1800) screen so obviously going to be a huge difference to noteboot. Would I be right to assume that I need to be using more relative measurements or @mediaqueries at more points?