I need a solution here

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 class="frame">
    </div>

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

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

Challenge: Step 11

Link to the challenge:

The frame needs to wrap the canvas, it needs to have the canvas as its child in the hierarchy, right now it’s a sibling.

This is what you have now:

body
  canvas
  frame

you need this:

body
  frame
    canvas

I need help with step 4

Please create your own thread. Include a link to the challenge and paste into the message the code that is at issue. From the challenge, if you press the Ask for Help button, it will do that for you.