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

I need help because i type the code it keeps saying that task three is not passing

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; }

.contact-info li a { display:block; }

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

.contact-info a { background-size: 20px 20px; padding: 0 0 0 30px; background-size: 20px 20px; padding: 0 0 0 30px; }

What is wrong with the code and why does it keep saying task 3 not passing?

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;
}

.contact-info li a {
  display:block;
}

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

.contact-info a {
  background-size: 20px 20px;
  padding: 0 0 0 30px;
  background-size: 20px 20px;
  padding: 0 0 0 30px;
}

1 Answer

Steven Parker
Steven Parker
231,198 Points

This code sets a property named "minimum-height", but the actual name of the property that controls minimum height is "min-height".

Also, it appears you duplicated the settings for task 4. This doesn't cause an error, but it's not necessary. And you don't need to create the same rule more than once, you can just add additional properties to the one already there.

Steven Thank you very much!