CSS CSS Selectors Advanced Selectors :nth Pseudo-Class Challenge - Pt. 2

Pui Lun Christin C Hebron
Pui Lun Christin C Hebron
5,693 Points

It looks like an <h1> made its way inside the parent body. Now our :nth-child selector no longer targets the desired com

I am not understanding this problem. I put img:nth-child (even) { font-weight:bold; }

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

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

img:nth-child(even) {

<!DOCTYPE html>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="page.css">
  <link rel="stylesheet" href="style.css">
   <h1>My Gallery</h1>
    <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

Joe Nguyen
Joe Nguyen
22,210 Points

Hello, what it is asking you to do is just to change the nth-child to a pseudo class that targets a specific type of child element And to do so you needed to use the nth-of-type:

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