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

Tell us what’s happening:

the problem is I should add a new 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>

<!-- User Editable Region -->


    <div class="canvas">
    </div>
    <div class="frame">
      <div class="canvas"></div>
    </div>
    

<!-- User Editable Region -->

  </body>

Your browser information:

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

Challenge Information:

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

Hello, did you forget the closing html tag or is this just an omission that occurred when copying to the forum? Why the same div twice?

This is what I’m supposed to do: Wrap the .canvas element in another div . Give that div the frame class.
The error I’m getting is: You should add a new div element.

Hello. Just an omission

1 Like

You need to remove the first div in your code, <div class="canvas"> </div> it just passed for me. The new div is somewhat erroneous so you have the right answer in the code.