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

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

  **Your code so far**
/* file: styles.css */
.canvas {
width: 500px;
height: 600px;
background-color: #4d0f00;
}
/* 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="canvas">
  </div>
  <div frame="class"> <.canvas></.canvas> </div>

</body>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

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

Link to the challenge:

Hi Zainab, welcome to the forum.
We see you made a post with some code, but did you have a question?

Hi , oops yeah
Wrap the .canvas element in another div . Give that div the frame class actually didn’t work for me . i dont know why

This is the .canvas object actually.
(You see how it has a class of canvas?)
These are the lines you must put inside of the new code.

You can click Restart Step and try this one again.

this step i did it before .
i’m asking about the frame class?

The instructions say:

Wrap the .canvas element in another div . Give that div the frame class.

And as mentioned above, they want you to take the div that has the canvas class and put it inside another div.
After that you can give it a new class attribute with the value “frame”