CSS CSS Selectors Advanced Selectors :nth Pseudo-Class Challenge

Richard van O
Richard van O
2,122 Points

tried everything cant find the bug

tried everything clear: left; checked the syntax 10 times.

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

@media (min-width: 607px) {

  img {
    float: left;
  }

  img:nth-child(3n-4) {
    float: none;
  }
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>

3 Answers

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

Hi there! You were on the right track with the clear: left;. You will need it in your code. That being said, the part inside the parentheses is a bit off. You've typed (3n-4), but that should be (3n+4). This doesn't affect the challenge in any way, but you are also missing the closing curly brace to your media query.

I think you can get it with these hints, but let me know if you're still stuck! :sparkles:

Rachel Lev
Rachel Lev
14,576 Points

@media (min-width: 607px) { img{ float: left; } img:nth-child(3n+4) { clear: left; } }