I’m working on my Product/Service Page this week and I’m running into a few problems that I hope someone can help me with. I’d greatly appreciate it
Here’s what I have thus far: https://codepen.io/oboroinori/full/GRgVEdO
On my phone, my page is wiggly on the x-axis, and I’m not sure what’s causing it. I think the culprit may be my grid, but I’m not sure a) if it is, and b) how exactly to fix it. I’ve checked all of my margins and they looked correct from what I could see.
My nav bar is a bit goofy-looking on mobile, and I looked up different ways to change them and they seemed… really advanced for where I am. Is there an easier way to make it not a stacked column?
Not really a problem, but just a best practice question: Is it better to write individual media queries under each different section or just write all of them under one media query?
And any other feedback is always welcome! Thank you for taking the time to look through it, I really appreciate it