CSS CSS Selectors Advanced Selectors :nth Pseudo-Class Challenge

Stefan Riley
Stefan Riley
Front End Web Development Techdegree Student 4,572 Points

Hi everyone, I'm not sure why this solution isn't working. The question wants 3 images in a row and start with the 4th n

The question wants 3 images in a row and start with the 4th and then a clear property. Could anyone help me?

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

@media (min-width: 607px) {

img:nth-child(3n+4) {
float: left;
clear: both;
<!DOCTYPE html>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="page.css">
  <link rel="stylesheet" href="style.css">
    <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="">

1 Answer

Shaun Kelly
Shaun Kelly
32,722 Points

Hi Stefan,

the challenge is expecting you to write the nth-child selector on a separate line to the img selector like so:

img {
     float: left;

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