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

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