Help me i dont know where i was wrong

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

\ file: .canvas {
width: 500px;
height: 600px;
background-color: #4d0f00;
overflow: hidden;
filter: blur(2px);
}

.frame {
border: 50px solid black;
width: 500px;
padding: 50px;
margin: 20px auto;
}

.one {
width: 425px;
height: 150px;
background-color: #efb762;
margin: 20px auto;
}

.two {
width: 475px;
height: 200px;
background-color: #8f0401;
margin: 0 auto 20px;
}

.one, .two {
filter: blur(1px);
}

.three {
width: 91%;
height: 28%;
background-color: #b20403;
margin: auto;
.three {
filter: blur(2px);
}
![Screenshot_20220313_173055_com.android.chrome|233x500](upload://mX7A8zTFvj2qsjoZZfSu7YDtlP8.jpeg)

}
.canvas {
width: 500px;
height: 600px;
background-color: #4d0f00;
overflow: hidden;
filter: blur(2px);
}

.frame {
border: 50px solid black;
width: 500px;
padding: 50px;
margin: 20px auto;
}

.one {
width: 425px;
height: 150px;
background-color: #efb762;
margin: 20px auto;
}

.two {
width: 475px;
height: 200px;
background-color: #8f0401;
margin: 0 auto 20px;
}

.one, .two {
filter: blur(1px);
}

.three {
width: 91%;
height: 28%;
background-color: #b20403;
margin: auto;
.three {
filter: blur(2px);
}
}

\ file: <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Rothko</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>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Rothko</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 (Linux; Android 10; JNY-LX2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.87 Mobile Safari/537.36

Challenge: Step 36

Link to the challenge:

2

It’s a little hard to digest what is going on here, but based on the above code it looks like you added three lines when you should only add one. You don’t need to create the CSS class again, just just needed to add the filter attribute.

1 Like
3

Thanks bro i get it.

4

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