Remaining space between image an text using grid display

Hello,
I am stuck with this problem for a while and can’t figure it out.
I have 3 images, which are nested in a grid. So, in the bottom of the boxes, there are <p> tags, which contains the names of the projects I created. But problem is with the remaining space between <p> tags and images.
My whole code is here (btw it isn’t finished yet): https://codepen.io/patri22k/pen/mdqOJEz?editors=1100.
I am currently working on this challenge: https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-projects/build-a-personal-portfolio-webpage.
I’d appreciate any help.

.project-wrap p {
  background-color: #a90000;
  padding: 1rem;
  margin-top:-5px;
}

margin-top:-5px
will remove that spece …

Omg, thank you. Now it works!

1 Like