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

"Add a class called "social-links" to each anchor tag." Need help

perhaps a guide rather than an answer would best help :)

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

    <a class="twitter">Follow me on Twitter!</a>
    <a class="email">Send me an Email!</a>

  </body>
</html>
styles.css
.follow me on twitter!{
border 5px, color red
}
.send me an email!{
border 10 px, color red
}

2 Answers

Pete P
Pete P
7,612 Points

The same class name will be used for both anchor tags and they are telling you the class name = "social-links". You should not change any of the given html (the href="#"), just add the class after that piece in each of the anchor tags.

Anthony gedeon
Anthony gedeon
6,140 Points

Hey Antonio Chavez,

So, the problem you are having is adding the extra text in the CSS and replacing the hash (#) with classes. For example,

 <a href="#" class="social-links">Follow me on Twitter!</a>
 <a  href="#"  class="social-links">Send me an Email!</a>
.social-links {
margin: 10px;
padding: 15px;
}

best regards, Anthony Gedeon

p.s: let me know if this helped you in anyway!