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

Posted by Joel Smith
Joel Smith
14,779 Points

code is correct, yes? no mistakes that I can see. syntax looks good.

What am I doing wrong here?

css/main.css 
@media screen and (min-width: 480px) {
  #gallery li {
    width: 28.3333%;
  }
}
Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Joel,

What is the challenge asking you to do?

2 Answers

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hey Joel,

I just passed that challenge with this code.

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

Very strange!

Then i pasted your code in and it passed too.

Joel Smith
Joel Smith
14,779 Points
Joel Smith
Joel Smith
14,779 Points

The problem was that the media query was already in my code, just at the bottom of the page, so it was calling it twice. I figured it out by just placing the rest of that code after the query that was already there.

Thank you for your prompt response, you rock!

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Yeah, there was an unusual long list of code already there on that challenge.

Glad you got it sorted.