Make sure you're writing the properties inside the '.content' rule.

Question

I do not understand why my code below is wrong. I am writing it under .content rule. What am i doing wrong?

style.css

/* Complete the challenge by writing CSS below */

.content {
    transition: background, color;
}

.invert:checked ~ .content {
    color: #fff;
    background: #373737;
}

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 · 2018-10-10T16:46:00Z

October 10, 2018 4:46pm

Instead of transition the challenge wants you to use transition-property. Otherwise you are good to go.

Welcome to the Treehouse Community

Looking to learn something new?

ammarkhan

ammarkhan

Make sure you're writing the properties inside the '.content' rule.

1 Answer

KRIS NIKOLAISEN

KRIS NIKOLAISEN