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

HTML-CSS
1

So I have been inputting the div element with the class of frame and it will not run it keeps on telling me “Wrap the .canvas element in another div . Give that div the frame class”. what am i missing here? Thanks in advance.

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="frame"></div>
    </div>

  </body>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) 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:

2

Hi!
Before you started this step, you just had a div element with class=“canvas”. Basically, (I would recommend restarting the step) you should wrap this entire element in a div element with a class of frame. So, under your body opening tag, you should have an opening div tag with class of frame. Then, put your original div. Then, you should have two closing div tags.
Let me know if I can help further.

1 Like
3

hello and welcome to fcc forum :slight_smile:

“frame” should enclose “canvas”, as it says in instructions

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

address that change and it should be alright, happy learning :wink:

4

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