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 trialDawn Triplett
17,000 PointsPadding help! Setting top/bottom to 15px, and left/right to 10 px.... margin: 15px 10px 15px 10px; correct order?
margin: Top Right Bottom Left;
I thought my order was correct to set margin but apparently its not. Which order should it be in?
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;
}
nav ul {
margin: 0 10px 0 10px;
padding: 0;
list-style: none;
}
nav li {
display: inline-block;
font-weight: 800;
padding: 15px 10px 15px 10px;
}
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;
}
1 Answer
Jasen Carroll
9,958 PointsI think you might have padding where you're supposed to have margin. Otherwise, yes your order is correct.
Niclas Valentiner
8,947 PointsWhy did I not notice it said padding and not margin? Common mistakes!
Niclas Valentiner
8,947 PointsNiclas Valentiner
8,947 PointsIt's the li elements in your nav you need to give 15px top/bottom and 10px left/right? A bit of information about what exactly it is you need as a result would be helpful.