CSS CSS Selectors Advanced Selectors :nth Pseudo-Class Challenge

Julien Arseneau
Julien Arseneau
Full Stack JavaScript Techdegree Student 5,200 Points

How can I target an image in the media query?

I am not able to target it to give it the float :left property.

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

@media (min-width: 607px) {
   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

John Lack-Wilson
John Lack-Wilson
8,164 Points

Hi Julien, the challenge is asking you to target all img elements and float them left.

You can do this by using the following:

img {
  float: left;
}