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 trialSeán Meade
167 PointsI can't understand what's wrong with this? Any advice? .social-links { padding=15px; margin=10px; }
I actually can't see my mistake anyone have a better idea?
<!doctype html>
<html>
<head>
<title>List Example</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<a href="#" class = "social-links">Follow me on Twitter!</a>
<a href="#" class = "social-links" >Send me an Email!</a>
</body>
</html>
.social-links {
padding=15px;
margin=10px;
}
2 Answers
Steven Parker
231,236 PointsYou're really close!
In CSS, properties and values are separated by colons (":") instead of equal signs ("="). Just fix that and you'll pass the final task of the challenge.
Frans de Haan
5,193 PointsIn your stylesheet you wrote the = sign istead of the : sign
And because a is a inline element you need to change display to inline-block for padding and margin on each side.
For more information look to the course: layout