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 trialSaid TAlbi
502 Pointswhy i have error in declaration font-size: 0.9em;
font-size: 0.9em; Bummer! Be sure to set font size to 0.9em!!!!
.contact-info {
list-style: none;
margin: 0;
padding: 0;
font-size: 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%;
}
1 Answer
Said TAlbi
502 PointsThanks for the reply, the error is in the selector, I put the dot instead of dash. The compiler also missed it!
Steven Parker
231,261 PointsYou mean the code that got the error is different from the code you showed above?
But it would not be a syntax error to replace the dash with a dot. It would just change the meaning of the selector to "items with class contact that also have class info" (which, of course, is not what the challenge asked for).
Steven Parker
231,261 PointsSteven Parker
231,261 PointsI pasted your code into the challenge and passed task 1.
So I'm not sure why you'd be getting an error. But just as a general hint, whenever you modify a CSS file, you should put any new rules at the bottom. That way, they will override any existing rules of the same specificity that may be in the file.
The placement doesn't seem to be a problem for this task, though. But it may save you some trouble later on.