Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

Stacey Pietri
Stacey Pietri
1,063 Points

It keeps repeating that task 3 is not passing but i did not touch the code from the previous task.

I did not touch the previous code. Task 4 told me to add more to the selected anchor and i did but it pops up "task 3 is not passing" so i go back, a couple of times, to check if i did something wrong but every time it shows that i pass it until i go to task 4 and try adding the code it then says task 3 is not passing. i don't appear to be doing anything wrong unless is something that you guys can see.

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: 0.9em;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.contact-info li a {
  display: block;
  min-height: 20px 20px;
  background: no-repeat;
}

1 Answer

james south
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
james south
Front End Web Development Techdegree Graduate 33,258 Points

this line looks problematic: min-height: 20px 20px; it only takes one value, 20px. the two 20s is for background-size. syntax errors in current tasks often cause it to say previous tasks are now wrong. it is (also) throwing an error on your selectors, just use the class name, not ul.classname.

Stacey Pietri
Stacey Pietri
1,063 Points

Oh yes i put the extra 20px by mistake when i was trying to figure it out and i believe i forgot to remove it. Thank you, your pointers lead me into the right direction and i passed the task.