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

I have set the border color to red like this border: solid 4px red; it keeps counting it wrong.

I don't understand why it will not count this as correct. I have set the border color to red like this border: solid 4px red; it keeps counting it wrong. I have tried putting it in a different order and still wrong. I can separate out and try that instead of condensed version?

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: solid 4px red;
  }

3 Answers

Josh Nichols
Josh Nichols
11,382 Points

Order of the values doesn't really matter. Looks like you have an extra open curly bracket on line 1 of the styles.css code snippet.

https://developer.mozilla.org/en-US/docs/Web/CSS/border

Jake Salo
Jake Salo
13,175 Points

You have mixed up the order of your values:

try:

.main-pg {
  border: 4px solid red;
}

This should work :) I also noticed you had an extra bracket '{' before your css - try deleting that if it is still there

I figured out it didn't need my opening curly brace. I guess it already has that inherit to the styles doc

It still give me an error :( the order should not matter according to the video she did it like this: solid red 4px; { .main-pg { border: 4px solid red; }