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

Tell us what’s happening:
Describe your issue in detail here.

  **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 id="canvas" class="frame">
   <div class="canvas">
      <div>
  </div>
     </div>
       
</div>
<div class="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/103.0.0.0 Safari/537.36

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

Link to the challenge:

You added an extra opening tag inside .canvas

2 Likes

It’s too many div elements. You only need two of them to complete this step

Thank you for spotting the error.

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