Step #11 - CSS Box Model - What's wrong here?

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I’m currently getting an error when trying to submit my code for this instruction, “Wrap the .canvas element in another div . Give that div the frame class.” Have I left anything out?

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

Challenge: Step 11

Link to the challenge:

2

The .canvas element is the div with the class canvas. That’s the element you want to wrap with the new div.

3

Thanks. For some reason I’m still having trouble getting this to work. Would it be:

div class=“frame”
.canvas{}
/div

4

Read the instructions carefully:

“Wrap the .canvas element in another div.”

The .canvas element is the div with the class set to “canvas”. You are just wrapping another div around it and you will give that div the class “frame”. You shouldn’t be changing anything about the existing div. Only add the new div around it.

1 Like
5

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