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

Robert zamfirescu
Robert zamfirescu
519 Points

what s wrong with my 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%;
}
 ul .contact-info {
  font-size: 09.em;
  margin :0px;
  padding :0px;
  list-style-type :none;
}

3 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points

Hey Robert,

You are so close!

All you need to correct is the space between ul and .contact-info. With the space, CSS see it more as two selctors. With no space, CSS knows you want the ul specifically with the class of contact-info.

Good job! :dizzy:

Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Sorry, I also just noticed an error with the font-size. The task is asking for 0.9em, but you have 09.em

Matthew Ellis
Matthew Ellis
12,303 Points

Hey man,

Just a small typo

ul .contact-info { font-size: 09.em;

should be: font-size: 0.9em;

That should fix it

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! You just have some small typos. CSS can be sensitive to whitespace. You have two extra spaces and a misplaced decimal.

 ul.contact-info {  <!-- no space between the ul and the .contact-info -->
  font-size: 0.9em;  <!-- you may not have a space between the numbers and the em.  Check the decimal -->
  margin :0px;
  padding :0px;
  list-style-type :none;
}

Hope this helps! :sparkles: