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 trialMUZ140989 Eukael Mbuyisa
6,395 Pointsselecting the unordered list with contact information
how do l select the unordered list with the contact information and set font size to 0.9em
a {
text-decoration: none;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
}
#logo {
text-align: center;
margin: 0;
}
h1, h2 {
color: #fff;
}
nav a {
color: #fff;
}
nav a:hover {
color: #32673f;
}
h1 {
font-family: ‘Changa One’, sans-serif;
font-size: 1.75em;
font-weight: normal;
}
img {
max-width: 100%;
}
#gallery {
margin: 0;
padding: 0;
list-style: none;
}
#gallery li {
float: left;
width: 45%;
margin: 2.5%;
background-color: #f5f5f5;
color: #bdc3c7;
}
nav ul {
list-style: none;
margin: 0 10px;
padding: 0;
}
nav li {
display: inline-block;
}
nav a {
font-weight: 800;
padding: 15px 10px;
}
.profile-photo {
display: block;
margin: 0 auto 30px;
max-width: 150px;
border-radius: 100%;
}
.contact-infor {
list-style: none;
padding: 0;
margin: 0;
font-size: 0.9em;
}
3 Answers
Tommy Gebru
30,164 PointsHey Eukael you are very close there seems to be a syntax error, the class that challenge asks for is .contact-info and you placed .contact-infor. Also for the first section of the challenge, Add and Style Icons, they ask that the class .contact-info targets all "unordered list" elements therefore:
ul.contact-info{}
danheffernan
10,004 PointsCheck your selector in your CSS file. I think there's a spelling mistake. You have .contact-infor
MUZ140989 Eukael Mbuyisa
6,395 Pointswhat should it be am confused
Joe Dayvie
11,956 PointsEukael,
As mentioned already, you can attach it to the element in the methods I provided below. Ensure that you have the class name correct, as you may have meant contact-info instead and don't forget to place your quotes around the name (as I did in the example).
Joe
Joe Dayvie
11,956 PointsEukael,
If you wish to select it, then in your HTML document you must assign that particular class either in the UL tag or create a DIV:
<ul class="contact-infor">...</ul>
<div class="contact-infor">...</div>
Of course as Dan mentioned, you may just have a typo and meant to put contact-info without the "r". I hope this helps!
Joe