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 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.