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

HTML Introduction to HTML and CSS (2016) Make It Beautiful With CSS Test: Styling by Element and Class

Timothy Delaney
Timothy Delaney
2,785 Points
Posted by Timothy Delaney
Timothy Delaney
2,785 Points

What am I doing wrong?

Can anyone figure this out?

index.html 
<!doctype html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
  </head>
  <body>

    <p class="main-pg">My amazing website</p>

  </body>
</html>
styles.css 
.main-pg {
  border-style:solid;
  border-color:red;
  border:4px;
}

3 Answers

Matthew Bilz
Matthew Bilz
15,829 Points

Hi there,

They only want one line in your CSS rule:

.main-pg{
   border: 4px solid red;
}
Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

If you had continued with the individual properties and used border-width: 4px; it would have passed.

When you use a shorthand property like border, any values that you don't use automatically get set back to their default values.

So by using the border property and only specifying the width, you've effectively lost the previous style and color that you set.

You either have to use all 3 individual properties or do the shorthand with all 3 values as Matthew has posted.

Michal Weizman
Michal Weizman
14,050 Points
Michal Weizman
Michal Weizman
14,050 Points

Hi, I just learned something too. Thank you for the explanation!