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 Marguerite Holden
Marguerite Holden
6,075 Points

I don't get this, it seems that I'm doing this correctly but gives error.

At the bottom under .contact-info ul {} I put in the code.

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;
 }
Ashish Mehra
Ashish Mehra
Courses Plus Student 340 Points

Hey Marguerite Holden,

In challenge contact-info is define as a class of <ul> so u don't need to put <ul> after contact-info

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

4 Answers

Mark Truitt
Mark Truitt
17,230 Points

To add on to that.

You could write it as ul.contact-info. This says that for that CSS to apply it has to be a UL with a class of contact-info to apply.

Marguerite Holden
Marguerite Holden
6,075 Points
Marguerite Holden
Marguerite Holden
6,075 Points

Thx, I would have never figured that out.

Marguerite Holden
Marguerite Holden
6,075 Points
Marguerite Holden
Marguerite Holden
6,075 Points

Tnx, that was very clear and concise

Marguerite Holden
Marguerite Holden
6,075 Points
Marguerite Holden
Marguerite Holden
6,075 Points

That was very helpful instruction for me to think at what I'm actually doing in the challenge exercises