CSS CSS Selectors Advanced Selectors :nth Pseudo-Class Challenge

Patrick Leroux
Patrick Leroux
8,203 Points

It always get back to me with an error

Are you floating the images left?

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

@media (min-of-typewidth: 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

Steven Parker
Steven Parker
203,990 Points

Patrick Leroux — Glad to help. You can mark a question solved by choosing a "best answer".

And happy coding!

Steven Parker
Steven Parker
203,990 Points

The media query itself won't need to be changed. You'll be creating new rules inside it. Besides, "min-of-typewidth" is not a valid property name.

Assuming you're on task 2, you'll create another new rule. Much like you did for task 1 but with a different selector and property.