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 trialGerald Esparza
Courses Plus Student 157 PointsIn the CSS file, use the class to give both <a> tags 15px of padding and 10px of margin.
what im i missing
<!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{
text-align: center;
color: red;
}.social-links
.social-links {
padding: 15px;
margin: 10px;
}
2 Answers
Austin Whipple
29,725 PointsGetting there! However, you don't need quite so many duplicate selectors in your CSS. For the challenge, only select .social-links
once and include all your declarations in the same block:
.example-class-selector {
property1: value1;
property2: value2;
}
No need to select the same element again. (And be sure to clean up selectors without any declarations.)
You can read more about CSS syntax on the Mozilla Developer Network.
Zack Lee
Courses Plus Student 17,662 Pointsthere is also a syntax error after your first declaration where you write .social-links with no follow up. As Austin pointed out, you can organize all these properties under one declaration.
Zack Lee
Courses Plus Student 17,662 Pointstry selecting them by the <a> tag, not their class name
Austin Whipple
29,725 PointsWhile selecting the elements with their tag name instead of their class is valid CSS, it probably won't pass in this challenge since it's asking to specifically use the class name.
Jaspal Singh
13,525 PointsJaspal Singh
13,525 PointsHi
You have given the anchor tags same class so donβt repeat the class for giving both of them padding and your repeating the class on line no 4 of css