Learn the CSS Box Model by Building a Rothko Painting - Step 11 I couldn't pass this level, what am I doing wrong?

Tell us what’s happening:
Describe your issue in detail here.
I couldn’t pass this level, what am I doing wrong?

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

</body>
  **Your browser information:**

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

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

Link to the challenge:

This looks like a duplicate post on this topic. Try not to create duplicates.

@darkniela66 We try not to just give answers here but rather help people find the answers for themselves. It is best not to paste in correct solutions.

Oh I’m so sorry!, I’ll stop doing that

thank you so much for the assistance. I appreciate you help very much.