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

contact-info a { display: block; } it says it is wrong???????

help. this the second time that the computer said that I was wrong. can you all see anything?

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%;
}
.contact-info  {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
  ]
  contact-info  a { display: block; } 

4 Answers

andren
andren
28,558 Points

There are two issues:

  1. You have placed a square bracket ] rather than a curly brace } at the end of your .contact-info rule, which is incorrect.

  2. You have forgotten to add a dot to the start of contact-info on your last rule, which is necessary since contact-info is a class.

If you change the ] to } and add the dot like this:

.contact-info  {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
} /* changed ] to } */
.contact-info a { display: block; }  /* Added dot to contact-info */

Then your code will work fine.

Blake Prudhomme
Blake Prudhomme
23,287 Points

It is asking that you select the unordered list with a class of "contact-info", so you need to start with the "ul"

Make sure to close with a curly bracket } , not square bracket ].

Also don't forget "contact-info" is a class and the selector needs to start with a .

ul.contact-info {
}

.contact-info a {
}

Thank YOU. I did notice the (.) missing after I posted. sometime I need a second pair of eyes.

thanks, got it.