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

Wojciech Lecki
Wojciech Lecki
7,433 Points
Posted by Wojciech Lecki
Wojciech Lecki
7,433 Points

Code challenge: I can't do task 5/5

Hi all!

I can't do that and I don't know what's wrong...

Task: Finally, give the .secondary-content element a dotted, lightgrey bottom border that's 2px wide.

My solution:

style.css 
/* Complete the challenge by writing CSS below */

.primary-content {
  padding-top: 25px;
  padding-bottom: 95px;
}

.wildlife {
  border-top-style: solid orange 10px;
  margin-top: 105px;
}

.secondary-content {
  border-bottom-style: dotted lightgrey 2px;
  padding-top: 80px;
  padding-bottom: 70px;
}

Thank you very much for any help!

4 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Kudos on making it to round 5! And your'e still really, really close. Your bottom border is a bit off though. Take a look at my code:

.secondary-content {
  padding-top: 80px;
  padding-bottom: 70px;
  border-bottom: 2px dotted lightgrey;
}
Welcome Julius
Welcome Julius
9,076 Points
Welcome Julius
Welcome Julius
9,076 Points

Let's separate the .wildlife container from the content above it. Give .wildlife a top margin of 105 pixels.

i need help coders

Wojciech Lecki
Wojciech Lecki
7,433 Points
Wojciech Lecki
Wojciech Lecki
7,433 Points

Thank you very much! It's working, but it would be nice if someone explain why "border-bottom-style" for .wildlife works but for .secondary-content it doesn't... :(

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

To be fair, I think that's odd too. But generally we write the border-bottom the way I did with the pixels first, the style second, and the color last.