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

Tell us what’s happening:
Describe your issue in detail here.
I’m a beginner in coding and am stuck at step 11. Please unstuck me. I feel very frustrated.
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 {
  width: 500px;
  height: 600px;
  background-color: #4d0f00;
}>
         </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

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

Link to the challenge:

This is css code.
You were not asked to add any css code.
Also css code does not belong inside html code.

Delete this and then read the question again.
If you don’t understand, look at the hint.
If you still don’t understand then please tell us what part is hard to understand.

Thank you . Let me try that and I’ll be back to you.

1 Like