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 Chandra Moore
Chandra Moore
1,419 Points

The editor on "Refractor the Layout" is giving me an error message for correct code.

The editor is giving me an error message no matter what code I input. I've opened up the test files, copied the code exactly as it was written there and I'm still getting error messages. I came to you guys over codecademy because I was tired of their buggy editor while trying to learn. I need a bug free editor I can trust if I'm going to pay for an account here.

jamescool
jamescool
44,592 Points

Can you post an example of this?

5 Answers

Chandra Moore
Chandra Moore
1,419 Points

It finally worked, I'm not sure what was going on with the first one, but I fixed the errors with the second and it finally let me pass.

Ryan Carson
Ryan Carson
23,287 Points
Ryan Carson
Ryan Carson
23,287 Points

Here's a hint:

@media screen and (min-width: 480px) {
  #gallery li {
    /* insert code here */
  }
}
Chandra Moore
Chandra Moore
1,419 Points
Chandra Moore
Chandra Moore
1,419 Points

Yup, that's what I did. Several times before I commented here. This is the code I'm using for both tasks in this challenge and neither are working now. The first part of the challenge was working at first, when I refreshed to start over it stopped working.

Task 1:

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

Task 2:

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

#gallery li:nth-child(4){
    clear: left;
  }

}

I know task two is wrong, but one should be passing, and it's not now so there's no way for me to really troubleshoot task 2.

Krzysztof Muszynski
Krzysztof Muszynski
11,602 Points
Krzysztof Muszynski
Krzysztof Muszynski
11,602 Points

I got this same problem with this task. I put right code and system sending me info it is not right.