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

Adrian Rosario
seal-mask
.a{fill-rule:evenodd;}techdegree
Adrian Rosario
Front End Web Development Techdegree Student 13,532 Points
Posted by Adrian Rosario
.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
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!