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

Thomas van Reijn
Thomas van Reijn
5,071 Points

Having trouble with this codechallenge, help wanted

Everytime when i finish the last question it gives me the answer "oops task one no longer passes" what am i m doing wrong?

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;
  min-height: 20px;
  background-repeat: no-repeat;
}







.profile-photo {
  display: block;
  margin: 0 auto 30px;
  max-width: 150px;
  border-radius: 100%;
}

.contact-info a {
  display: block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 0px 0px 0px 30px;
  margin:  0px 0px 10px 0px;
}
.contact-info
{
  font-size: 0.9em;
  margin: 0 0 0 10px;
  padding: 0 0 0 0;
  list-style: none;
}

2 Answers

Diego Ruelas
Diego Ruelas
11,691 Points

I think I see your problem, in the class contact-info you still a margin of 10px still being applied . simply change it to margin: 0; and it should work.

Thomas van Reijn
Thomas van Reijn
5,071 Points

thanks for your reply Diego, i don get it working still, i changed the margin but then it bounces again, am i overriding something with css?

Thomas van Reijn
Thomas van Reijn
5,071 Points

It worked i just used one 0 to much, thanks for the help Diego.

Thomas van Reijn
Thomas van Reijn
5,071 Points

This is the question, 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