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 trialNonsikelelo Kariwo
5,028 PointsSelect the unordered list with the class contact-info and set the font size to 0.9em. Then, remove all margin, padding,
It is still saying 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-info ul {
font-size: 0.9em;
margin: 0;
padding: 0;
list-style: none;
}
2 Answers
Thomas Fildes
22,687 PointsHi Nonsikelelo,
The correct code is below:
.contact-info {
font-size: 0.9em;
margin: 0;
padding: 0;
list-style: none;
}
As shown in the above code you don't need the ul part, you just need to select the class contact-info.
Hope this helps! Happy coding!!!
Gemma Weirs
15,054 PointsWith .contact-info ul
, you're basically telling the browser to select all elements with the .contact-info
class applied, and then select all ul
elements nested within them. That's why it's not working for you. https://www.w3schools.com/cssref/css_selectors.asp
Omit the ul
part completely. There shouldn't be any need to type ul.contact-info
for this challenge since you don't need to get that specific. Just type .contact-info
because, the class is only being applied once to an ul
element in this challenge.
Hope that clears up any confusion for you. :)