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 trialAyub Muhammad
Courses Plus Student 4,345 PointsI 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?
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
231,198 PointsThis 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.
Ayub Muhammad
Courses Plus Student 4,345 PointsAyub Muhammad
Courses Plus Student 4,345 PointsSteven Thank you very much!