How can create a new rule in the media query?

Question

For now, it says: ''are you floating the images left?''

style.css

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

@media (min-width: 607px) {
  target.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 · 2018-07-11T18:13:10Z

July 11, 2018 6:13pm

Remove the target. I'm curious where you got that from It should be like this.

@media (min-width: 607px) {
  img {
    float: left;
  }
}

Julien Arseneau

Julien Arseneau

How can create a new rule in the media query?

1 Answer

Gabriel Pierce-Lackey

Gabriel Pierce-Lackey