getting the error "Make sure you're writing the properties inside the '.content' rule" but that's what I did & it works

Question

style.css

/* Complete the challenge by writing CSS below */

.content {
  color:#545454;
  background: #FF9900;
  transition-property: color, background;
  transition-duration: 0.5s;
}

.invert:checked ~ .content {
    color: #FF9900;
    background: #545454;
}

index.html

<!DOCTYPE html>
<html>
<head>
    <title>CSS Transitions</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container clearfix">

        <input type="checkbox" id="invert" class="invert"><label for="invert">Invert Colors</label>

        <div class="content">
            <h2>Bear claw</h2>
            <p>Wafer apple pie sugar plum lollipop jelly-o croissant. Jelly beans bear claw fruitcake sugar plum. Bear claw oat cake croissant powder pie sweet roll powder gummies. Chocolate apple pie pudding pie sesame snaps. Danish wafer chupa chups apple pie. Gingerbread pastry candy canes. Pie bonbon candy chocolate cake dessert.</p>
        </div>

    </div>
</body>
</html>

Answer 1 · 2023-02-25T14:33:45Z

February 25, 2023 2:33pm

The instructions said to "Write a declaration that will transition only the color and background values of .content.", so they are expecting you to write only transition-related properties.

They didn't ask for new initial color assignments, and that's confusing the evaluation.

Welcome to the Treehouse Community

Looking to learn something new?

McKenna Rowe

McKenna Rowe

getting the error "Make sure you're writing the properties inside the '.content' rule" but that's what I did & it works

1 Answer

Steven Parker

Steven Parker