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

Posted by Helen Triplitt
Helen Triplitt
699 Points

Trying to make iconography work. Have checked my css multiple times and cannot find an error. Page is a mess.

.contct-info a { display: block; min-height: 20px; background-repeat: no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; margin: 0 0 10px; }
Anyone see an error in my code? My page does not look like it should. The icons are still sitting on top of my text.

3 Answers

Jesse Zelaya
Jesse Zelaya
13,599 Points
Jesse Zelaya
Jesse Zelaya
13,599 Points

The code snippet I posted has the correction I made

You had this:

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

I fixed the spelling error in contact-info

.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; 
}
Jesse Zelaya
Jesse Zelaya
13,599 Points
Jesse Zelaya
Jesse Zelaya
13,599 Points

Might have to do with a spelling error on contact class?

.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; 
}
Helen Triplitt
Helen Triplitt
699 Points

Hi Jesse, Thank you. Is this what you are referring to by "contact class"?

<li><a href="contact.html" class="selected">Contact</a></li>

Of course you don't see the color here but I don't see any spelling error. Perhaps I'm looking in the wrong place?

Thank you! DeLaine

Helen Triplitt
Helen Triplitt
699 Points
Helen Triplitt
Helen Triplitt
699 Points

Jesse,

Thank you so much! I don't know how many times I poured over that code and did not see the spelling error! Funny how our brain can deceive! Guess this lends some credence to the old adage "Two heads are better than one."

Forever grateful, DeLaine

Jesse Zelaya
Jesse Zelaya
13,599 Points
Jesse Zelaya
Jesse Zelaya
13,599 Points

Exactly! Glad to help out!