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

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

Link to the challenge:

How to nest previous element with new element ?

few things to note:

  • <div class=".canvas"></div> <div frame="class"></div> wrong syntax and not also not needed for this ‘step’
  • you need to add a new div with class name of ‘frame’ outside of ‘canvas’ div and enclose it with that

so i would recommend you restart this ‘step’ and simply add a div of class ‘frame’ above that ‘canvas’ div and enclose it, that should be enough to pass this step, happy learning :slight_smile: