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

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

i dont know what im doing wrong

how do i do this

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

    <a class="social-links" href="https://twitter.com">Follow me on Twitter!</a>
    <a class="social-links" href="https://hotmail.com/diegojrpvp@outlook.com">Send me an Email!</a>

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

2 Answers

Nate Jonah
Nate Jonah
20,981 Points

You're missing the unit when you set the padding value. Should be 15px.

hikeem sosa
hikeem sosa
870 Points

heres my try: ```<!DOCTYPE html> <html> <head> <title>List Example</title> <link rel="stylesheet" href="css/styles.css"> </head> <body>

<a class="social-links" href="https://twitter.com">Follow me on Twitter!</a>
<a class="social-linksb" href="https://hotmail.com/diegojrpvp@outlook.com">Send me an Email!</a>

</body> </html>``` result: i don't know what is wrong there. my guess is utf-8. but that don't even seem right to me.

here's the rest: .social-links { padding: 15; margin: 10px; } result: nothing either for the css, but what im confused on is these mystery images of yours. other than that lets see what the other people say.

Nate Jonah
Nate Jonah
20,981 Points

You are also missing the "px" after 15.

.social-links {
  padding: 15px;
  margin: 10px;
}

In your html, you've misspelt the social-links class as well.

This isn't part of the challenge but when you're linking to an email address, you don't put the url for the website before your email address. It should be:

<a class="social-links" href="mailto:yourname@email.com">Send me an Email!</a>