Padding-top not working

#1

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.

#2

You messed up the position of the colon:

padding-top 30px: ;
#3

Damn, I knew it was something stupid, didn’t think it would be something that stupid though. Thanks a lot.

#4

@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

#5

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.