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

Adrian Rosario
seal-mask
.a{fill-rule:evenodd;}techdegree
Adrian Rosario
Front End Web Development Techdegree Student 13,532 Points

I dont understand what is wrong here also, any help please?

I feel like i am doing everything that the challenge is asking. Remove Padding and Margin, changed font-size and list-style none on the UL and it still say that i need to change the font size, any help would be appreciated.

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

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;
  font-size: 0.09em;
  padding: 0;
  margin: 0;
}

1 Answer

Anjali Pasupathy
Anjali Pasupathy
28,883 Points

You've nearly got it! You just need to get rid of ul when you're selecting the ul with the class of .contact-info, and you need to change 0.09em to 0.9em.

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

The .contact-info class is ascribed to the unordered list with the contact information. Thus, to select that unordered list, all you need to do is target the class ".contact-info". When you targeted ".contact-info ul", the compiler looked at the list items inside that unordered list to search for another unordered list. Finding no ul tag inside any of the list items, the compiler didn't apply any of the styling.

I hope this helps!