Tribute Page Problems CSS Grid

I can’t move the items inside one of the grids. I want the gap between #image-div and #tribute-info to become smaller by moving the image closer to the center.

Hey, it would help if you include your markdown code or link to codepen. Hard to give advice without seeing what you have.

there’s a link under the title

You are right, missed that link.
Your fix is very easy.
In your HTML markdown you call grid section for image “img-div”.
But in your CSS you try to control it using “image-div”.
Change:

#image-div{
  display: flex;
  flex-direction: column;
  align-items:flex-end;
  grid-area: picture;
}

To:

#img-div{
  display: flex;
  flex-direction: column;
  align-items:flex-end;
  grid-area: picture;
}

And you will fix your issues.

1 Like

Completely missed that. Thanks for your help!