CSS CSS Selectors Advanced Selectors :nth Pseudo-Class Challenge

Lauren Wotherspoon
Lauren Wotherspoon
3,159 Points

Images not floating left

I really don't understand why this rule won't work. Any ideas?

Thanks!

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

Kirblue ~
Kirblue ~
7,904 Points

If your computer is less than 607px wide, you will be able to view your CSS. And if it's larger, you won't be able to view it. Try compressing your window that you use Treehouse on to make it less than 607px.

Lauren Wotherspoon
Lauren Wotherspoon
3,159 Points

Thank you! I asked my partner who is a web developer to help.

We changed the media query px. I have a 13inch macbook and the media query was too big. I'll feed this back to treehouse - it's not something as beginner I would have recognised on my own.