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 cbob
cbob
3,233 Points

select the unordered list with the clase contact-info and se the font size to 0.9em

can anyone please tell me what i'm doing wrong?

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

3 Answers

Steve Hunter
Steve Hunter
57,712 Points

Hi there,

You just need to select the class as that is in the unordered list. So, you can either just put .contact-info or, for a little greater clarity, you can put ul.contact-info - both will work fine.

Steve.

Steve Hunter
Steve Hunter
57,712 Points

This works:

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

as does this:

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

Steve.

James Kim
James Kim
8,475 Points
James Kim
James Kim
8,475 Points

I think it's saying select the ul with the class contact-list, so if you just remove the ul after .contact-list should set the font-size to 0.9em.

Hope that works!

cbob
cbob
3,233 Points
cbob
cbob
3,233 Points

It worked, thanks!

Steve Hunter
Steve Hunter
57,712 Points

No problem! :-)