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 trialRobert zamfirescu
519 Pointswhat s wrong with my styling ?
?
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%;
}
ul .contact-info {
font-size: 09.em;
margin :0px;
padding :0px;
list-style-type :none;
}
3 Answers
Jason Anders
Treehouse Moderator 145,860 PointsHey Robert,
You are so close!
All you need to correct is the space between ul
and .contact-info
. With the space, CSS see it more as two selctors. With no space, CSS knows you want the ul
specifically with the class of contact-info
.
Good job!
Matthew Ellis
12,303 PointsHey man,
Just a small typo
ul .contact-info { font-size: 09.em;
should be: font-size: 0.9em;
That should fix it
Jennifer Nordell
Treehouse TeacherHi there! You just have some small typos. CSS can be sensitive to whitespace. You have two extra spaces and a misplaced decimal.
ul.contact-info { <!-- no space between the ul and the .contact-info -->
font-size: 0.9em; <!-- you may not have a space between the numbers and the em. Check the decimal -->
margin :0px;
padding :0px;
list-style-type :none;
}
Hope this helps!
Jason Anders
Treehouse Moderator 145,860 PointsJason Anders
Treehouse Moderator 145,860 PointsSorry, I also just noticed an error with the font-size. The task is asking for 0.9em, but you have 09.em