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
Michelle Dobbs
Full Stack JavaScript Techdegree Student 1,060 PointsThis keeps coming back wrong. Does anyone see what I am missing? I am a bit lost. Thanks in advance.
```p.main-pg { border = 4px style = solid; border color = red;
}```
<!doctype html>
<html>
<head>
<link href="styles.css" rel="stylesheet">
</head>
<body>
<p class= "main-pg">My amazing website</p>
</body>
</html>
p.main-pg {
border = 4px
style = solid;
border color = red;
}
2 Answers
Steven Parker
231,248 PointsIn CSS, properties and their values are separated by a colon (":") instead of an equal sign.
And check your property names. A good rule to keep in mind is that all property names are either single words or words joined with underscores ("_"). There are no spaces in property names.
Also, the instructions say "create a rule for the .main-pg class"; so you don't need the "p" in the selector.
And "border" is actually a shorthand for several properties, so you can use it to set all 3 of these at the same time. Just separate the values by spaces.
.main-pg { border: 4px solid red; }
Ashley Claiborne
8,722 PointsHey Michelle,
A few items jump out at me: you are missing the semi-colon after "4px", you are using equals (=) instead of a colon (:) after each property, and you need a hyphen in border-color.
All together that would be
p.main-pg { border: 4px; style: solid; border-color: red; }
Steven Parker
231,248 Points