I probably should have made my tribute page more like the example but it was created for an association I will be helping in the future (killing 2 birds with 1 stone so to speak). So here is my codepen:
How do I get the background image to be responsive? When I open the page on my cell phone the picture gets cut off, even though I included “background-size: cover” or “auto”. I tried playing with the height, no repeat, and other CSS but no luck. Then I looked up information on using @media (max-width: 500px) but that didn’t seem to work, but maybe my code is not written correctly? I’m very new to this. So your feedback/help with this or anything else you see that could be improved is much appreciated.