Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

Manuel Mercado
Manuel Mercado
2,170 Points

The quiz is telling me to resize the font-size to 0.9em, I do it, but it still tell me that i'm missing it.

.contact-info ul { list-style: none; margin: 0; padding: 0; font-size: 0.9em;

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

It's probably telling you to change it in the h1 not the .contact-info

3 Answers

Manuel,

Your code looks good except for a little detail: the selector. Try the code below:

ul.contact-info {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
Manuel Mercado
Manuel Mercado
2,170 Points

Well that work...but that was not the way the video showed me to use the selector: .contact-info ul {}

now they want me to select the links inside the lists and display block them. Do i: .contact-info ul a { display: block; }

confused

I have not seen that video - it may need to be reported as an error!

It is my understanding that in css the class is in dot notation [the link below may help]

http://www.w3schools.com/cssref/sel_class.asp

for part two, try this code: [same principle with the class syntax in the selector]

ul.contact-info a { 
  display: block; 
}

Hope that helps!!

Manuel Mercado
Manuel Mercado
2,170 Points

i tried it and it did not fix it. but then i tried it the "normal" way and there it went. PASSED. Weird.

Thanks for the link! will take a look after this.