1 reply [Last post]
Loranne
Loranne's picture
Offline
newbie
United States
Last seen: 7 weeks 5 days ago
United States
Timezone: GMT-4
Joined: 2022-03-22
Posts: 1
Points: 2

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.

https://roberla.github.io/Foods/ Smile

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 3 weeks 18 hours ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

Hi Loranne, Your image hasn't

Hi Loranne,

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%;

Verschwindende wrote:
  • CSS doesn't make pies