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

Tell us what’s happening:
Describe your issue in detail here.
i dont understand what i’m supposed to do
i’ve try so many option, but it’s ain’t working

   **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"><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:

Can you be more specific. Which parts of the instructions are confusing for you? Use your own words.

The instructions say you need to do some wrapping, like when you wrap a gift :gift:.
To wrap something means to take it and cover it up essentially.

So they said this:
Wrap the .canvas element in another div .

And the thing you need to wrap is:

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

So you need to put the .canvas element inside another div .

somthing like this??

how to nest the .canvas element in a new div element

Wrapping means placing one element it between the opening and closing tags of another element.

Here, the meta, title, and link elements are nested inside of the head element.

thanks i have figured it out

1 Like

ok thanks
i figured it out already