Need help with stylizing my socials

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




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


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

Thanks for your time

.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

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