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 kathmanduboy1
kathmanduboy1
242 Points

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

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

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

2 Answers

Marco Fregoso
Marco Fregoso
379 Points
Marco Fregoso
Marco Fregoso
379 Points

This is the code that passes the challenge 

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

to select an element with a particular class, you type the element selector and then the name of the class without any space between them

Stephen Chamroeun
Stephen Chamroeun
7,095 Points

That would be correct, but If the ul element already has the contact-info assigned to it as a class, then the ul would not need to be typed out in the first place.

Marie Urbina
Marie Urbina
7,168 Points
Marie Urbina
Marie Urbina
7,168 Points

Thank you both. I tried both. Marco Fregoso, you were on the money. Stephen Chamroeun, your answer does seem to make sense, but it didn't pass the code challenge.