Sorry to bug you again, but I am having some issues with responsiveness on mobile.
Issue 1: Navbar does not seem to be working properly still on mobile
Issue 2: I am not familiar with making mobile-friendly sites yet and @media queries are still confusing to me. How to remove this from my site and set a certain width so that I would not be able to scroll to the right and see this blank space?
Issue 3: I have figured out on desktop how to keep the image from breaking apart from the rest of the body – by setting a max-width: 1080px and margin:0 auto; property to the body element in CSS. However, on mobile, even though I used a media query and used flexbox and centered all the elements, the img and text are not aligned with the rest of the page.
Sorry for bugging you so much with these noob questions. I’m still a beginner and I am getting stuck with how to make sites more mobile-friendly.