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

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.