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 CSS Selectors Advanced Selectors :nth Pseudo-Class Challenge

Jennifer Aho
Jennifer Aho
3,088 Points
Posted by Jennifer Aho
Jennifer Aho
3,088 Points

I'm not sure why Task 1 is no longer working....

On Challege Task 2 of 3, after entering the code for the img:nth-child(3n+4) then clear:left, Task 1 no longer works. I cannot figure out why. Please help!

style.css 
/* Write the CSS in the media query below */

@media (min-width: 607px) {

  img{
    float:left;
  }

  img:nth-child(3n+4)
    clear:left;

  }

}
index.html 
<!DOCTYPE html>
<html>
<head>
    <title>Selectors</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="page.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
    <img src="thumb-forest.jpg" alt="">
    <img src="thumb-resort.jpg" alt="">
    <img src="thumb-trees.jpg" alt="">
    <img src="thumb-falls.jpg" alt="">
    <img src="thumb-view.jpg" alt="">
    <img src="thumb-sunset.jpg" alt="">
    <img src="thumb-lake.jpg" alt="">
    <img src="thumb-beach.jpg" alt="">
    <img src="thumb-bay.jpg" alt="">
    <img src="thumb-peaks.jpg" alt="">
    <img src="thumb-falls.jpg" alt="">
    <img src="thumb-resort.jpg" alt="">
</body>
</html>

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! You're doing great, but you've run into the most common reason for receiving a "Task 1 is no longer passing" message. You have accidentally made a small omission which is causing a syntax error. Your code can no longer be interpreted. Even the code you already did correctly.

Here is the offending part:

/* you typed */
  img:nth-child(3n+4)

/* but you meant to type */
  img:nth-child(3n+4) {

Somehow you either deleted or skipped the opening curly brace/bracket now, which is the cause of the syntax error.

Hope this helps! :sparkles:

Jennifer Aho
Jennifer Aho
3,088 Points
Jennifer Aho
Jennifer Aho
3,088 Points

Thank you so much!!!