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 trialMUZ140993 Angelinah Chiwonerwa
5,907 Pointsadd a margin of 2,5% to the gallery list items .Then ,set the next color and background to color
what is the exact answer i have tried the previous answers given but its not working .OR is it something to do with my workspace
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;
}
#gallery li {
float: left;
width: 45%;
margin: 2.5%;
color: blue;
background color: #ccc;
}
img {
max-width: 100%;
}
#gallery li {
margin: 2,5;
color: blue;
background color: #ccc;
}
#gallery {
margin: 0;
padding: 0;
list-style: none;
}
1 Answer
Fredrik August Madsen-Malmo
16,261 PointsFirst you are setting the margin to 2.5%
, which is the correct answer. Then further down the file you are setting it to 2.5
which is not the same. You can actually remove the last #gallery li
styling block since all of it overlaps.
Khalif Chestnut
13,845 PointsRight, plus there's a comma where he'd set the margin value (2,5). Also, it's not good practice to have repeating styles in CSS.
Fredrik August Madsen-Malmo
16,261 PointsDidn't notice. Good catch
Lukas Korol
2,649 PointsLukas Korol
2,649 PointsDelete second selector #gallery li under img. It's a mirror.