Hi, I'm new to CSS and I have a problem with an image overlapping my Flex Nav. The image is suppose to be at the bottom of my page spanning from left to right. I'm using a Grid to position the image to span from left to right at the bottom of the page.
Attached is a screen print of the problem. Thank you very much.
Hi Loranne, Your image hasn't
Your image hasn't showed up here, but your live site looks odd. What are you trying to achieve?
The grid layout on your BODY element looks like madness for such a small amount of content:
display: grid; grid-template-columns: 5% 25% 25% 20% 20% 5%; grid-template-rows: 8% 10% 15% 25% 25% 15% 20%;