I feel like I haven’t quite grasped the fundamentals of media queries. I’ve done a lot of reading, but it all seems like a foreign language to me and everything I try doesn’t seem to work. When loading my page on my mobile browser things are off-centered, the nav bar is wonky, images are not the right size, etc. I’d also like the row that I have at the bottom of my page to show up as a column on mobile.
Can anyone provide any guidance or assistance into how I might accomplish all of these things? I feel like with all the reading and trials I’ve done so far I’ve accomplished nothing except more confusion.
I have some other questions:
My nav bar links jump to parts of the page when at the top of the page, but if you are in another section the links are unavailable. What’s going on here?
My nav bar is transparent. How do I remedy this so that you don’t see the text going through when scrolling?
Thanks for your help.