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

CSS How to Make a Website Adding Pages to a Website Add and Style Icons

Posted by Samarth Jajoo
Samarth Jajoo
3,572 Points

Even though my code is right, it's giving me a "Bummer!". Almost spent 3 hours rechecking the code!!!

Here's a screen shot to the error. http://postimg.org/image/4b24bg2wj/ Please help

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

2 Answers

Sam Baines
Sam Baines
4,315 Points
Sam Baines
Sam Baines
4,315 Points

Hi Samarth - I think the problem with your code is the order of your selector(s) in your css, try the following instead:

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

Hope this helps.

Samarth Jajoo
Samarth Jajoo
3,572 Points

Nope... Still the same. Anyway, thanks a lot for trying to help me :)

Sam Baines
Sam Baines
4,315 Points
Sam Baines
Sam Baines
4,315 Points

Hi Samarth - I had a small mistake in my code you need to make sure the selector is ul.contact-info with no space (I have checked this in the code challenge and it works). Basically this is correct as you are selecting all unordered lists with the class 'contact-info' rather than in your original code you were selecting all unordered lists within a div with the class of 'contact-info'. So yes your code was not quite correct to start with but you were very close.

Christopher Beynon
Christopher Beynon
10,258 Points
Christopher Beynon
Christopher Beynon
10,258 Points

Hey, You have your unordered list and contact-info selectors reversed. Remember to higher level selector first. I have tried the code challenge with this and it works: 

ul.contact-info {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
Samarth Jajoo
Samarth Jajoo
3,572 Points

Thanks a lot both of you!!! :)