I am trying to learn how to use media queries to build a mobile friendly website and I found an online editor that created the template for me. I have made some changes to the css/media queries but have two issues that I cannot seem to find a solution for. The first one is to get the header background to resize with smaller breakpoints below 768 and the other is an issue with the content body needing a horizontal scroll when viewing at 320. The link to my project is here and keep in mind it isn't a real project just something I created to learn from. Thanks in advance for your support.
I figured out how to make the
I figured out how to make the image responsive and fix the horizontal scroll issue but now I cannot figure out how to move my logo up to the top left of the header image. Any ideas?