Hello there, fellow learners. I am having a problem with my portfolio page, specifically creating some space between my purple-box element and the picture within it. I was wondering if any of you guys, or gals, could lend me a hand, maybe someone knows why the padding-top is not working. Also, please have in mind I am just starting, so it might be something very simple.
Here’s the link to my project: https://codepen.io/David_Fields/pen/MOwxYx
I’ve tried googling but wasn´t able to find a solution.
Also, if you guys know how to make the box elements stick together (that meaning not having a space between them), I’d really appreciate it.
You messed up the position of the colon:
padding-top 30px: ;
Damn, I knew it was something stupid, didn’t think it would be something that stupid though. Thanks a lot.
@David-Fields
You can drop your margin to 0 to get together, if you still want it on the left and right call them all out.
.golden-box {
background-color: #E1CE7A;
margin: 0 10px 0 10px;
padding-top: 30px ;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
box-shadow: 10px 5px 5px gray;
}
-Or-
.golden-box {
background-color: #E1CE7A;
margin: 0 10px;
padding-top: 30px ;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
box-shadow: 10px 5px 5px gray;
}
Help?
-WWC
Yes. Sorry it took so long, but just until now I have some spare time to modify the page. Didn’t want to be ungrateful. It worked perfectly.
Thanks a lot.