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 trialJ V
5,519 Pointshow to set font size?
my objective is to set a font size to 0.9em. i did so like this: "font-size: 0.9em;" obviously the quotes are not part of the code, but this wont pass and i dont understand why because this is how ive been showed and have been doing it.
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: 0.9em;
margin: 0 0 0;
padding: 0%;
list-style: none;
}
2 Answers
Jason Anders
Treehouse Moderator 145,860 PointsHey there...
You've pretty much got it. You just need to remove the space between ul
and .contact-info
.
ul.contact-info
:)
J V
5,519 Pointsthanks bro
Tobias Helmrich
31,603 PointsHey,
you're experiencing this problem because you're selecting an element with the class of .contact-info inside of the unordered list instead of the list with this class.
You can either write it like this and just select the .contact-info class
.contact-info {
margin: 0;
padding: 0;
list-style: none;
font-size: 0.9em;
}
or you can additionally write the ul in front of the class but without a space.
ul.contact-info {
margin: 0;
padding: 0;
list-style: none;
font-size: 0.9em;
}
I hope you can get it working like this, good luck! :)
Tobias Helmrich
31,603 PointsOops, too slow! Jason already gave you the answer as well! :)
Ta Tien Dat
1,139 PointsTa Tien Dat
1,139 PointsWhich elements ? Try ul li {font-size: 0.9em;}. You can also use .9em without a zero. It works!