how to solve this

Question

Challenge Task 2 of 3

We want three floated images per row. In the media query, create a pseudo-class selector that targets the fourth img child element first, then every third img that follows. Then, add a clear property that clears the left float.

https://teamtreehouse.com/library/css-selectors/advanced-selectors/nth-pseudoclass-challenge

task 1 was correct. i am not understanding what I have to do in this.

Thanks

style.css

/* Write the CSS in the media query below */

@media (min-width: 607px) {

  img{
    float: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>

Answer 1 · 2019-04-26T12:05:23Z

April 26, 2019 12:05pm

This post has the answers you are looking for:

https://teamtreehouse.com/community/confused-on-this-challenge-task-question-2-of-3

Welcome to the Treehouse Community

Looking to learn something new?

Ashish Jain

Ashish Jain

how to solve this

1 Answer

martinjones1

martinjones1