CSS CSS Selectors Advanced Selectors :nth Pseudo-Class Challenge

Problem with Challenge Task 2 of 3 of CSS Selectors

Having a problem with this question

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

@media (min-width: 607px) {
  img:nth-child(3n + 1) {
    float: left;
    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>

2 Answers

Steven Parker
Steven Parker
203,717 Points

It looks like you modified the rule you created in the first task instead of adding a new rule to go with it;. The first rule handles the "float", the new one will only need a "clear".

Also, the instructions ask for a "selector that targets the fourth img child element first", but the code shown here targets the first one first instead.

Yuri Souza
Yuri Souza
9,517 Points

Thanks, simple mistake but it took me a lot of time to figure it out, would've taken even longe if it weren't for you.

Steven Parker
Steven Parker
203,717 Points

It's nice to know the old answers are still helping.

Steven Parker
Steven Parker
203,717 Points

:warning: FYI: explicit answers without any explanation are strongly discouraged by Treehouse and may be subject to redaction.