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 trialefi domb
9,569 Pointsmedia query: width
the challenge was: Inside the media query, select the list items inside the gallery and add a width of 28.3333%.
i have recheck my code over and over again, and i d'ont understend what went wrong.
@media screen and (min-width: 480px) {
#gallery li {
width: 28.333333333333%;
}
}
2 Answers
Rich Bagley
25,869 PointsHi Efi,
You have too many 3's in there.
The question is Inside the media query, select the list items inside the gallery and add a width of 28.3333%.
Try changing the percentage to match and this should sort it:
@media screen and (min-width: 480px) {
#gallery li {
width: 28.3333%;
}
}
-Rich
efi domb
9,569 Pointsstill doesn't working.
Rich Bagley
25,869 PointsHi Efi,
Works fine for me. Just want to confirm you haven't removed anything that was already there in main.css or added anything else to the file except for what it asks for?
It has everything you need when you start the challenge including the following at the very bottom of the file (line 89).
@media screen and (min-width: 480px) {
}
All you would then need to add to the file (inside the media query already in place) is the following:
#gallery li {
width: 28.3333%;
}
Based on the above, my original answer works for me no problem.
-Rich