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 Nonsikelelo Kariwo
Nonsikelelo Kariwo
5,028 Points

Select the unordered list with the class contact-info and set the font size to 0.9em. Then, remove all margin, padding,

It is still saying set font size to 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 {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}

2 Answers

Thomas Fildes
Thomas Fildes
22,687 Points
Thomas Fildes
Thomas Fildes
22,687 Points

Hi Nonsikelelo,

The correct code is below:

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

As shown in the above code you don't need the ul part, you just need to select the class contact-info.

Hope this helps! Happy coding!!!

Gemma Weirs
Gemma Weirs
15,054 Points
Gemma Weirs
Gemma Weirs
15,054 Points

With .contact-info ul, you're basically telling the browser to select all elements with the .contact-info class applied, and then select all ul elements nested within them. That's why it's not working for you. https://www.w3schools.com/cssref/css_selectors.asp

Omit the ul part completely. There shouldn't be any need to type ul.contact-info for this challenge since you don't need to get that specific. Just type .contact-info because, the class is only being applied once to an ul element in this challenge.

Hope that clears up any confusion for you. :)