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

Not able to understand how to put canvas element inside div element.

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

  </body>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) 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 11

Link to the challenge:

this is the .canvas element they were talking about
you need to wrap it inside another div (in your case you didn’t do that correctly yet)
and then you need to give the new div the class they asked you to add.

Suggest that you reset and try this one again.