Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS How to Make a Website Styling Web Pages and Navigation Polish the Navigation and Footer

Matthew Lehman
Matthew Lehman
5,282 Points

SO only my twitter Icon went small, but not my facebook icon. can someone please help. Also my hover is not working,

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Matthew Lehman | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400,400italic,700,700italic,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Matthew Lehman</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html" class="selected">About</a></li> <li><a href="contacts.html">Contacts</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <img src="img/matthew.jpg" alt="Photograph of Matthew Lehman" class="profile-photo"> <h3>About</h3> <p>Hi, I'm Matthew Lehman. This is my personal portfolio where I share my work. When I'm not doing this in my free time, I work in the fitness industry. It's difficult to actually give myself a specific job title, since I do many different types of tasks at my job. </p> <p>If you'd like to follow me on Twitter, my user name is <a href="http://twitter.com/mattyind">@mattyind</a></p> </section> <footer> <a href="http://www.twitter.com/mattyind"><img src=img/twitter-wrap.png alt="Twitter Logo" class="social-icon"></a> <a href="http://www.facebook.com"><img src=img/facebook-wrap.png alt="Facebook Logo" class="soical-icon"></a> <p>© 2015 Matthew Lehman</p> </footer> </div> </body> </html>

1 Answer

Alex Heil
Alex Heil
53,534 Points

hey matthew, you have a small typo in the class for the facebook icon - it currently says "soical-icon" where you probably want "social-icon". fixing this might already do the trick, if it doesn't please post the full code (including css) so we can get the full picture of your project. hope that helps ;)

Matthew Lehman
Matthew Lehman
5,282 Points

Thank you so much Alex, I cant believe I missed the typo. I got it taken care of. Your Awesome.