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

Posted by Dwight Schofield
Dwight Schofield
2,686 Points

what's wrong "wit dis" code?

i am getting a message saying that my code "aint cuttin' it". :-) It says that my code for question is no longer correct but I haven' t changed it. It's the same with the addition of an anchor tag and "display: block;"
thanks and don't be offended if i don't pic k your answer as the best answer. the first anwer i get that allows me to get the answer right will get the designation. thank you!

css/main.css 
ul.contact-info a {

  display: block;
  list-style: none;
  padding: 0;
  margin: 0
  font-size: 0.9em;
}


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

2 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! Philip is partially correct. You are missing a semicolon. However, removing the link tag will not work for step 2 as it specifically wants you to tag the links inside the "contact-info" class. To do this, you should set up a new rule to target the links inside the "contact-info" class. I did it like this:

ul.contact-info  {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
}

.contact-info a {
  display: block;
}

Hope this helps! :sparkles:

Philip Gales
Philip Gales
15,193 Points

Go with this answer. I somehow forgot to read your question, probably because I am answering questions as I watch videos, and only answered part 1 of the task.

Dwight Schofield
Dwight Schofield
2,686 Points

thanks! Jennifer. my problem is solved. Seasons Greetings!

Philip Gales
Philip Gales
15,193 Points
Philip Gales
Philip Gales
15,193 Points

Very close, just a few things:

  • You added 'a' after 'ul.contact-info'. This tags links, which is too specific so I removed it.
  • You forgot a semicolon after your margin statement.
ul.contact-info {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
}