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

media 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.

css/main.css
@media screen and (min-width: 480px) {
#gallery li {
  width: 28.333333333333%;
  }
}

2 Answers

Hi 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

still doesn't working.

Hi 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