CSS CSS Selectors Advanced Selectors :nth Pseudo-Class Challenge

Miriam Allman
PRO
Miriam Allman
Pro Student 1,761 Points

whats wrong with my code?

To see which combination of images we selected, give them a different border-color value –– any color you want. Don't forget to preview before you click "check work". Bummer! Make sure you give the cleared images a different border color style.css index.html

1 /* Write the CSS in the media query below */ 2 ​ 3 @media (min-width: 607px) { 4

5 img { 6 float:left; 7 } 8 ​ 9 img:nth-child(3n+4) { 10 clear: left; 11 } 12 img[ 13 border-color:blue;

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

@media (min-width: 607px) {

  img {
    float:left;
}

  img:nth-child(3n+4) {
   clear: left;
}
  img[
  border-color:blue;
}
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>

1 Answer

Steven Parker
Steven Parker
203,990 Points

You have a square bracket instead of a brace following the last "img" selector.

But there are two other issues that the challenge doesn't seem to catch:

  • the "border-color" should be added to the previous rule instead of a new one
  • the final closing brace of the media query is missing