Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics (2014) The Box Model Padding, Borders, and Margins

Stoicescu Sebastian
Stoicescu Sebastian
3,728 Points

Oops it looks like Task 2 is no longer passing. Error message.

Well that is an annoying error. Everytime I get to Task 5 and try to check it , this message occurs:" Oops it looks like Task 2 is no longer passing." When I turn to Task 2 and check it , it is correct. I redid it 2 times ,everything goes perfect until Task 5 when it appears the same error message. Could you please give me a piece of advice?

.primary-content{
  padding-top: 25px;
  padding-bottom: 95px;
}
.wildlife{
  border-top:solid orange 10px;
  margin-top: 105px;
}
.secondary-content{
  padding-top: 80px;
  padding-bottom: 70px;
  border: dotted lightgrey 2px;
}

try this

.primary-content{
  padding: 25px 0 95px 0;
}
.wildlife{
  border-top:solid orange 10px;
  margin: 105px 0 0 0;
}
.secondary-content{
  padding: 80px 0 70px 0;
  border: 2px dotted lightgrey;
}

1 Answer

Justin Iezzi
Justin Iezzi
18,199 Points

I believe I've ran into this before. The challenge really wants the pixels to be written out before the rest of the values. You also have an issue with your border: dotted lightgrey 2px; property, as the challenge asks for this to be a border-bottom.

Try the values rearranged as they are below -

.primary-content {
  padding-top: 25px;
  padding-bottom: 95px;
}
.wildlife {
  border-top: 10px solid orange;
  margin-top: 105px;
}
.secondary-content {
  padding-top: 80px;
  padding-bottom: 70px;
  border-bottom: 2px dotted lightgrey;
}

great :)