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 trialChristine Willems
1,973 Pointscss: adjusting the font-size of an unordered list with a class
the point is to adjust the font-size of an unordered list with a class named .contact-info.
I wrote this in the css file, but it tells me that I didn't adjust the font-size.
.contact-info ul { font-size: 0.9em; margin: 0; padding: 0; list-style: none; }
Any idea why this would be incorrect?
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;
}
3 Answers
Shaun Moore
6,301 PointsTry this
ul.contact-info {
font-size: 0.9em;
margin: 0; padding: 0;
list-style-type: none;
When it says 'select', it means write a CSS selector. Then in the CSS rule, you set the properties and values to achieve what the challenge is asking.
Tim Knight
28,888 PointsReviewing the question:
Select the unordered list with the class contact-info and set the font size to 0.9em. Then, remove all margin, padding, and list styling.
With that they're looking for a class selector on the element. The rest of your declarations there are correct, just modify your selector.
ul.contact-info { ... }
Christine Willems
1,973 Pointsthank you