HTML Introduction to HTML and CSS Make It Beautiful With CSS Adding a Style to several Elements using Class

Gabriel Kierkegaard
Gabriel Kierkegaard
744 Points

Hi, I have set the class .social-links with the padding: 15px; and margin: 10px; but it still says I have to set it.

I've checked the teamtreehouse communit forums for help and I can't see I'm doing anything wrong.

Hi, I have set the class .social-links with the padding: 15px; and margin: 10px; but it still says I have to set it.

index.html
<!doctype html>
<html>
  <head>
    <title>List Example</title>
    <link ="stylesheet" href="styles.css">
  </head>
  <body>

    <a class = "social-links"rel href="#">Follow me on Twitter!</a>
    <a class = "social-links"rel href="#">Send me an Email!</a>

  </body>
</html>
styles.css
.social-links {
    padding: 15px;
  margin: 10px;
}

2 Answers

Justin Horner
STAFF
Justin Horner
Treehouse Guest Teacher

Hello Gabriel,

The CSS in styles.css is correct but there are some issues in the index.html file. I noticed that your link element in the header is missing the "rel" attribute name.

<link ="stylesheet" href="styles.css">

Should be

<link rel="stylesheet" href="styles.css">

There are spaces on both sides of the equals sign when setting the class attribute on your anchor elements. There's also a hanging "rel" attribute after "social-links".

<a class = "social-links"rel href="#">Follow me on Twitter!</a>
<a class = "social-links"rel href="#">Send me an Email!</a>

Should be

<a class="social-links" href="#">Follow me on Twitter!</a>
<a class="social-links" href="#">Send me an Email!</a>

Once these issues are resolved, you will pass the challenge! I hope this helps.