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 trialSteve Saddler
1,416 Pointsim just hitting a brickwall on this one. .social-links { border: red } how off am i
what am i doing wrong here
<!doctype html>
<html>
<head>
<title>List Example</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<a class=social-links href="#">Follow me on Twitter!</a>
<a class=social-links href="#">Send me an Email!</a>
</body>
</html>
.socail-links {
border 5px
}
4 Answers
Steven Parker
231,236 PointsYou have a spelling error where you have "socail" instead of "social" in the selector of the CSS rule. And there needs to be a colon between the property and value being set.
Joash Nyabuti
514 Points.social-links{ color: 5px solid red; } you din't have to write any styles yet but if you want to : 5px solid red; there must be space between them
Salwa Elmohandes
Full Stack JavaScript Techdegree Graduate 20,240 PointsIn the CSS file, it looks like you misspelled social-links and you forgot the colon and semi-colon.
.social-links {
border: red 5px;
}
Steven Parker
231,236 PointsFYI: Semicolons are optional after the last setting (but a "best practice").
Steve Saddler
1,416 Pointsthank you all
Steven Parker
231,236 PointsSteve Saddler — Glad to help. You can mark a question solved by choosing a "best answer".
And happy coding!
Steve Saddler
1,416 PointsSteve Saddler
1,416 Pointsbangs head on wall
Thank you very much lol