Learn the CSS Box Model by Building a Rothko Painting - Step 36

Tell us what’s happening:
I receive an error of: " Test

Sorry, your code does not pass. You’re getting there.

Hint

You should set the filter property to blur(2px)."

I follow the instructions: I add within the only available input field for code/text the following:

.three {
  filter: blur(2px);
}

I do not have any of the styles.css visible anywhere in this step. Clicking on the ‘styles.css’ button only gives me a blank area on the screen. No variations or adding the property+value to previous steps helps. Not sure what else I can do. I have even turned off all my extensions in Chrome.

Your code so far

/* file: styles.css */

/* User Editable Region */

.three {
  filter: blur(2px);
}

/* User Editable Region */

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Rothko Painting</title>
    <link href="/styles.css" rel="stylesheet">
  </head>
  <body>
    <div class="frame">
      <div class="canvas">
        <div class="one"></div>
        <div class="two"></div>
        <div class="three"></div>
      </div>
    </div>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Challenge: Learn the CSS Box Model by Building a Rothko Painting - Step 36

Link to the challenge:

I cant tell by your code, but what happened to the other styles for the .three class that came with the challenge? The look of your code shows you only have the blur and got rid of everything else.

I don’t know what happened to it. That’s why I’ve posted this topic. The CSS looks fine in the steps before and after #36. Is there a hack to subvert this issue?

Have you tried resetting the lesson to see what happens?

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.