CSS CSS Selectors Advanced Selectors :nth Pseudo-Class Challenge

need a little help

Do it's telling me to target "img" inside inside the media query, and when I did it's telling me to put " float: left;" but I also did as well. Did I make a small error?

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>

2 Answers

Antonio De Rose
Antonio De Rose
20,866 Points
@media (min-width: 607px,)  {
  .img {/*classes start with dot, id's starts with #, and selectors are only by selectors*/
   float: left; 
  }
}
Tony Soukkeo
Tony Soukkeo
8,169 Points

You're trying to refer to a class named 'img' in the CSS, because of the dot behind it. And there is no class named that in the HTML, only the img selector. Just remove the dot behind the img tag, and it should work.