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;
}
.canvas{

}
<!-- 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="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/107.0.0.0 Safari/537.36 Edg/107.0.1418.62

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

Link to the challenge:

For future reference the more you explain in your post the better we can help you. As these lessons get harder it will be hard to help if we dont know what you are having issues with. That being said, look at the directions its giving you. You need to wrap the canvas div INSIDE another div. Give that div you wrapped the canvas in a class of “frame”

Right now in your code you just create another canvas div.