Need help with stylizing my socials

HTML-CSS
1

Hi all,
I’m working on project landing page right now and I’ve reached point where i can’t go through.

I want to stylize social icons in CSS, however I don’t know how to get to my links

.specials a{} - doesn’t work,
a.specials{} - doesn’t work as well

(

33%20PM
33%20PM1358×161 15 KB
)

HTML:

<section id="contact">
  <div class="socials">
    <a href="#">FB</a>
    <a href="#">TW</a>
    <a href="#">G+</a>
    <a href="#">YT</a>
  </div>
  <h1>contact</h1>
  <form id="form" action="https://www.freecodecamp.com/email-submit">
    <div class="mail">
      <label for="email">Enter email:</label>
      <input id="email" name="email" type="email" placeholder="Enter email" required>
    </div>
    <input id="submit" type="submit"  value="Send">
  </form>
</section>
 </div>```

CSS:

.socials{
display: flex;
justify-content: space-between;
align-items: center;
background: gray;
height: 120px;
}


Thanks for your time
2

.socials a { //targets all a tags nested anywhere within socials
}

if you think it is not working, then that suggests that something else is overwriting the settings.
You may want to share your pen link so we can look…

1 Like
3

oh gosh, now i see,
I have .specials instead of socials. Shame on me, sorry and thank you.

Probably to much time in front of computer screen:)

1 Like