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 Add Iconography

Mail, Phone and twitter icons don't fit when I type in Nicks Code.

I am working on the how to build a web site course with Nick Petit and the twitter phone and mail icons wont fit after i put nicks ccs code in to my main.css file. My first thought was that I made a mistake and entered a value in wrong. I checked the code over multiple times. I have even completely redone the course from the ''building the contact page'' video. Still, The icons appear jumbled after entering the links to the icons in the file tree and styling with the css from the video. Up to this point I have gotten everything to work exactly the way it does in the video.

/******************* page contact *******************/

.contact-info { list-style: none; padding: 0; margin: 0; font-size: 0.9em; }

.contact-info a { display: block; min-height: 20px; background-repeat: no-repeat; background-size; 20px 20px; padding: 0 0 0 30px; margin: 0 0 10px; }

.contact-info li.phone a { background-image: url('../img/phone.png'); }

.contact-info li.mail a { background-image: url('../img/mail.png'); }

.contact-info li.twitter a { background-image: url('../img/twitter.png'); }

2 Answers

You have a semicolon after background-size, maybe that's it?

Mohammad Ehtesham
Mohammad Ehtesham
1,841 Points

Good eye there Dan. That might be it. Do try and let us know Daniel.

Oh man, I don't know how I missed that. that did the trick. Thanks. the twitter icon doesn't appear though. there must be something else going on with that.