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 trialSusan White
2,872 PointsI 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?
<!doctype html>
<html>
<head>
<link href="styles.css" rel="stylesheet">
</head>
<body>
<p class="main-pg">My amazing website</p>
</body>
</html>
{
.main-pg {
border: solid 4px red;
}
3 Answers
Josh Nichols
11,382 PointsOrder 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.
Jake Salo
13,175 PointsYou 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
Susan White
2,872 PointsI figured out it didn't need my opening curly brace. I guess it already has that inherit to the styles doc
Susan White
2,872 PointsIt 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; }