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
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.