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

Posted by Mr Smith
Mr Smith
339 Points

What's going wrong? HTML and CSS introduction course.

Any idea what's wrong with this code. I keep getting the error message: you need to set the border colour for <p> elements to red

As far as I can tell, I have set the border colour to red, exactly as shown in the video?

What am I doing wrong :)

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


}

2 Answers

Andreas Nyström
Andreas Nyström
8,887 Points
Andreas Nyström
Andreas Nyström
8,887 Points

Hi bud!

It seems like you have an opening in the beginning of your css-code.

{ // DELETE THIS
.main-pg {
border: 4px solid red;


}

Should be like this: 

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

Hope it helps! Cheers!

Mr Smith
Mr Smith
339 Points
Mr Smith
Mr Smith
339 Points

Great, that's sorted it.

Cheers!

Andreas Nyström
Andreas Nyström
8,887 Points
Andreas Nyström
Andreas Nyström
8,887 Points

Great! If you got the time select "best answer" so others can see that the problem is solved.

Good luck with the rest!