Remaining space between image an text using grid display

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):
I am currently working on this challenge:
I’d appreciate any help.

.project-wrap p {
  background-color: #a90000;
  padding: 1rem;

will remove that spece …

Omg, thank you. Now it works!

1 Like