Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

Dania Bashayreh
Dania Bashayreh
6,319 Points
Posted by Dania Bashayreh
Dania Bashayreh
6,319 Points

whats wrong with the answer?

hi i cant figure out the mistake in this answer 

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

question is : " Inside the media query, select the list items inside the gallery and add a width of 28.3333%."

thank you, dania.

2 Answers

Dustin Matlock
Dustin Matlock
33,856 Points

Hi Dania, here's what should be inside of the media query.

@media screen and (min-width: 480px) {
    #gallery li {
        width: 28.3333%;
    }
}
Dania Bashayreh
Dania Bashayreh
6,319 Points
Dania Bashayreh
Dania Bashayreh
6,319 Points

it still gives me an error (Bummer! Be sure to set the width of gallery list items to 28.3333% when the browser is wider than 480px.) ,

i think the code challenge should specify the error more accurately because we don't always notice these small mistakes .

thank you

Dania Bashayreh
Dania Bashayreh
6,319 Points
Dania Bashayreh
Dania Bashayreh
6,319 Points

ok i figured it out the code must be at the end , not like the workspace