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 trialVidmantas Varnas
5,215 PointsI write good code for a task but it still giving me an error I think that is a compiler problem :)
I write good code for a task but it still giving me an error
code:
.contact-info ul{
font-size: 0.9em;
margin: 0;
padding: 0;
list-style: none;
}
I think that is a compiler problem :)
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
Katherine Ebel
43,799 Pointsul.contact-info
If you want to only select ul's with the class of contact-info, I believe the correct selector would be the one above...
Jennifer Nordell
Treehouse TeacherHi there! Yes, your code is good in that it has no errors. However, it does not meet the requirements of the challenge. There is no "compiler" problem here. You have been asked to select the unordered list with the class of "contact-info". But what you've selected is the unordered list inside a container that has the class "contact-info". These are not the same things. I'll give you an example. Take a look:
This is for a paragraph inside a container that has the class "main-content":
.main-content p {
color: tomato;
}
Here's sample HTML for what that would affect:
<div class="main-content">
<p>This paragraph will turn red</p>
</div>
This is for a paragraph that has the class "main-content" assigned to it:
p.main-content {
color: tomato;
}
And here's the sample HTML for what that CSS would affect:
<p class="main-content">This paragraph will turn red</p>
I think you can get it with this demonstration, but let me know if you're still stuck!
Vidmantas Varnas
5,215 PointsThanks that helped :)