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 Styling Web Pages and Navigation Polish the Navigation and Footer

Matthew Lehman
Matthew Lehman
5,282 Points
Posted by 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,547 Points
Alex Heil
Alex Heil
53,547 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
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.