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

HTML-CSS
1

Tell us what’s happening:

I didn’t know where I can put my canvas element in my code. Would you pls explain to me

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


<!-- User Editable Region -->

  </body>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36

Challenge Information:

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

2

You added the new div as requested but you didn’t “wrap the .canvas div” with it.
So you need to move the tags around so that the .canvas is nested inside the new div

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.