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>

<!-- User Editable Region -->


    <div class="canvas">
    </div><div class="frame"></div><div>frame</div>


<!-- User Editable Region -->

  </body>

Your browser information:

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

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

Link to the challenge:

i addede a new div element,it’s still not going through.

You added the new div after the one with a class of “canvas”. The task tells you to wrap the “canvas” div in the new one. And be aware to put “frame” as the value of the class attribute to the new div. At the moment you put it between the opening and closing tag. It should look like this:

<div class="example"></div>
2 Likes

The instruction: " Wrap the .canvas element in another div . Give that div the frame class."

Instead of wrapping the existing div element in this challenge, you have added the unnecessary code line <div class="frame"></div><div>frame</div> after it.

Reset step.

Before the existing code, add the opening div tag with the required class attribute, and after the existing code add the closing div tag.

2 Likes

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