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 trialglenn romaniuk
32,520 Pointsmy li color are changing but the code reviewer is rejecting the answer
is there something wrong with my style?
Add a margin of 2.5% to the gallery list items. Then, set the text color and background to colors of your choosing. Bummer! Be sure to set the color for gallery list items to a color of your choosing.
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: white;
}
gallery li a p {
color: orange;
}
4 Answers
Christopher Warren
17,640 PointsBUG: Using hex codes for the colors prevents you from passing.
Stone Preston
42,016 Pointslooking at your gallery li here:
#gallery li {
float: left;
width: 45%; margin: 2.5%;
background: white;
}
your forgot to change the text color using the color
attribute:
#gallery li {
float: left;
width:45%;
margin: 2.5%;
color: red;
background:white;
}
the challenge wanted you to change the color at the #gallery li
li level, not the #gallery li a p
level.
Evan Agee
13,088 PointsI was actually able to get it to work by using the shorter format for hex codes on the color attribute e.g.
color: #ccc; background-color: #eaeaea;
Ladislav Vysmek
1,666 PointsIt helps. Thank you.
glenn romaniuk
32,520 Pointsyour right now for the weird part i know for a fact i had the prop/value in the rule i copied it from my personal code editor i verified the style was being applied as when i looked at it in the preview screen it appeared i backed out of the code challenge and did it a 2nd time and it accepted it not sure if the code editor has a bud in it but i've had this happen to me before thx