can't add padding to nested anchor tags in footer

Vote count:

0

Trying to add a padding to my anchors in my footer and my sass keep erroring out saying:

Syntax error: Invalid CSS: a space is required between a property and its definition
              when it has other properties nested beneath it.
        on line 26 of /Users/Jarg/Desktop/web/omegascss/scss/app.scss

21:   margin-bottom: 3rem;
22: }
23: .footerlinks {
24:   position:relative;
25:   top:1.5em
26:   a {
27:    padding: 10px;
28:   }
29:   
30: }
31: .container{ 

html:

   <footer>
    <div class="row footerlinks">
      <div class="large-6">
        <a href="services.html#printing">Print Media</a>
        <a href="services.html">Web Development</a>
        <a href="services.html">Promotional Items</a></div>
      </div>
    <div class="large-6">

    </div>


    </footer>

No idea why. I dont see anything wrong with my syntax.

asked 1 min ago

Jarg7

17

can't add padding to nested anchor tags in footer