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

CSS How to Make a Website Adding Pages to a Website Build the Contact Page

Jennifer Wheeler
Jennifer Wheeler
3,321 Points

Twitter and Facebook Icons won't resize.

I have looked over my code and can't figure out what is wrong. CSS- /****************************************** FOOTER *******************************************/

footer { font-size: 0.75em; text-align: center; clear: both; padding-top: 50px; color: #ccc; }

.social-icon { width: 20px; height: 20px; margin: 0 5px; }

HTML- <footer> <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class:"social-icon"></a> <a href="https://www.facebook.com/profile.php?id=100008285481866&fref=ts"><img src="img/facebook-wrap.png" alt="Facebook Logo" class:"social-icon"></a> <p>Ā© 2015 Jennifer Wheeler.</p> </footer>

Jennifer Wheeler
Jennifer Wheeler
3,321 Points
      <footer>
        <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class:"social-icon"></a>
        <a href="https://www.facebook.com/profile.php?id=100008285481866&fref=ts"><img src="img/facebook-wrap.png" alt="Facebook Logo" class:"social-icon"></a>
        <p>&copy; 2015 Jennifer Wheeler.</p>
      </footer>

1 Answer

  1. For your classes you have used : rather than =
  2. Make sure your image src paths are correct
 <footer>
        <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="https://www.facebook.com/profile.php?id=100008285481866&fref=ts"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2015 Jennifer Wheeler.</p>
      </footer>
Jennifer Wheeler
Jennifer Wheeler
3,321 Points

It worked! Thanks for catching that. I didn't see it. Thanks for your help!

No worries, the answer is often the simplest mistake.