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 Lance Nuttman
Lance Nuttman
690 Points

set font size to 0.9em : I am not seeing my error!

Code challenge says: '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.' It is giving me an error and telling me to "make sure to set the font size to 0.9 ems". I swear this is what the code says, what am I missing here?

css/main.css 
a {
  text-decoration: none;
}

.contact-info ul{
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: 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%;
}

3 Answers

Mike Kryski
Mike Kryski
2,625 Points
Mike Kryski
Mike Kryski
2,625 Points

Like what was shown in the video, the unordered list that we want to apply our styling to, has a class = contact-info. The way you have it written, the style changes are being applied to an unordered list INSIDE the .contact-info class. If you wanted to keep the ul selector, you could write it as:

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

or alternatively, you can just drop the ul selector and use the class name:

.contact-info {
   font-size: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}
Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hi Lance, and Welcome to Treehouse.

It's not that your code is wrong, you just have it in the wrong place. The challenges are very picky and strict. Unless it specifically tells you otherwise, all the code you enter needs to be at the end of any and all of the pre-loaded code provided. So, just cut your code from where it is and paste it at the end of the file, and you should be good to go.

Keep Coding! :)

Lance Nuttman
Lance Nuttman
690 Points
Lance Nuttman
Lance Nuttman
690 Points

Thank you, eliminating the "ul" after contact-info did the trick. And in this case it did not need to be at the end of the code, it accepted it at the beginning.

Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

I'm glad you got it all sorted out. You should mark Mike's answer as Best Answer as his successfully solved your issue. It is good practice in the forum to mark Best Answers, so others know your question was satisfactorily answered.

:)