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

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,271 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.