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 trial

HTML How to Make a Website Adding Pages to a Website Add and Style Icons

Posted by DALE PETERSEN
DALE PETERSEN
6,773 Points

Will not accept 0.9em.

the code challenge is asking to add font size of 0.9em. I typed: .contact-info ul { margin: 0; padding: 0; list-style: none; font-size: 0.9em; } I have typed the correct characters but I keep getting "Bummer! Be sure to set font size to 0.9em. I read one answer where a space was deleted. I will try deleting a space and see what happens.

css/main.css 
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 {
      margin: 0;
      padding: 0;
      list-style: none;
      font-size: 0.9em;
}

2 Answers

Jonathan Walz
Jonathan Walz
21,429 Points
Jonathan Walz
Jonathan Walz
21,429 Points

It asking for you to select the "ul" with the class ".contact-info", not the child of ".contact-info". If you remove the "ul" after ".contact-info", it will pass.

DALE PETERSEN
DALE PETERSEN
6,773 Points

Yep that is the correct answer. I remove the ul and it worked fine. So much to remember. thank you.

Jonathan Walz
Jonathan Walz
21,429 Points
Jonathan Walz
Jonathan Walz
21,429 Points

My pleasure. Please up-vote my answer, it helps with my career program :)

hum4n01d
hum4n01d
25,493 Points

Correct

hum4n01d
hum4n01d
25,493 Points
hum4n01d
hum4n01d
25,493 Points

Hi Dale,

I think that the problem is that the indentation on the css declaration is off. Try this:

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;
  padding: 0;
  list-style: none;
}

The problem was that you were trying to select an unordered list inside of .contact-info rather than the unordered list with the class .contact-info