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

with the anchor elements inside the contact-info list still selected,set the bottom margin to 10pixels.set all the margi

with the anchor elements inside the contact-info list still selected,set the bottom margin to 10pixels.set all the margin to 0

how can i do that?

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{
margin:0;
padding:0;
list-style:none;
  font-size:0.9em;
display:block;
}
.contact-info li a
{
display:block;
min-height:20px;
background-repeat:no-repeat;
  background-size:20px 20px;
  padding: 0 0 0 30px;
  margin: 10px 10px 0 0;
}
Peter Campbell
Peter Campbell
18,085 Points

Margins are defined with the margin property.

margin: a b c d;

Where a, b, c and d are the values for top, right, bottom and left margins respectively. For this case your CSS declaration will look like this,

margin: 0 0 10px 0;

1 Answer

.contact-info a {
    margin: 0 0 10px 0;
}

not sure if contact-info is a class or id, so lead with a # or . depending on which one it is.

Just checked and it is a class. so its a "."

I added that to the code