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 trial

CSS How to Make a Website Responsive Web Design and Testing Refactor the Layout

Posted by sanjana porwal
sanjana porwal
4,080 Points

Media query issue

I am writing a code for an unordered list with id = gallery and trying to set all the list item's width to be equal to 28.33333% when screen width is more than 480px. Below is my code for which system is throwing error every time @media screen and (min-width:480px) { #gallery li { width:28.3333%; } } Please help me find my mistake.

1 Answer

Stone Preston
Stone Preston
42,016 Points
Stone Preston
Stone Preston
42,016 Points

you need to use max-width instead of width

 @media screen and (min-width:480px) { 
    #gallery li { max-width: 28.3333%; }
}