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 trialsteve kevin arias serrano
9,037 Pointswith 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?
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;
}
1 Answer
John Renzema
9,070 Points.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
Peter Campbell
18,085 PointsPeter Campbell
18,085 PointsMargins 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;