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

3 Answers

first read entire question again.Read it 2 -3 times.If you feel question is too long then you can break it.solve code challenge step by step.first you have to find below code

@media screen and (min-width: 480px) {

}

once you find above code then read question again.You have to add width to list item when screen resolution is changed.

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

I hope now it is clear to you.

jason chan
jason chan
31,009 Points

media queries are a bit tough. Their use is when there are different screen sizes. They were not needed in the past when computers were the king of the domain. Now media queries because there are so many screen sizes. Don't be afraid to use developer tools in your browsers and try different screen sizes.

Yes, askay is right about the challenge.

Just watch the videos again slowly. width you can use on div and images. div is the container of the content in html. I hope it helps.

Yu Ito
Yu Ito
12,711 Points

Thank you very much for helping me. I will try reading questions and understand what it says deeply.