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

Tell us what’s happening:
i’m not sure if i’m doing the right thing please help out

Step 11

Every painting needs a frame.

Wrap the .canvas element in another div. Give that div the frame class.

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" class="frame"></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/105.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 the .canvas element you are supposed to wrap inside the new div.

You didn’t wrap your canvas. Closing ‘div’ tag goes after content being wrapped. Don’t repeat classes in both div elements.

1 Like

alright fixed it thank you

1 Like

alright found my mistake thank you so much