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

Posted by Ingrid Bardales
Ingrid Bardales
10,616 Points

Responsive Web Design Code Challenge

The challenge is asking to select the #gallery list items in the media query and give them a width of 28.3333% but I'm getting a "Bummer".. what's wrong?

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

4 Answers

Vlatko .
Vlatko .
2,526 Points
Vlatko .
Vlatko .
2,526 Points

Actually, I'm entering your code for that challenge, and it's working fine. Not sure why you're getting an error. Try refreshing the page and trying again. 

@media screen and (min-width: 480px) {
    #gallery li { 
        width: 28.3333%; 
    }
}
Dane Parchment
MOD
Dane Parchment
Treehouse Moderator 11,077 Points
Dane Parchment
Dane Parchment
Treehouse Moderator 11,077 Points

Show me your actual code, because if it is what you are showing here, then the syntax is correct. Did you possibly spell something wrong, or add more (or less) 3's than shown?

Marquay Smith
Marquay Smith
7,865 Points
Marquay Smith
Marquay Smith
7,865 Points

Everything looks good to me.

Ingrid Bardales
Ingrid Bardales
10,616 Points
Ingrid Bardales
Ingrid Bardales
10,616 Points

Thank you everyone for your help, I re-entered the code and it worked!!