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

HTML-CSS
1

how do input the .canvas element into div please. im confused
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>

<!-- User Editable Region -->

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

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

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

Link to the challenge:

2

Hello there. The instructions said to wrap the .canvas element with another div and give it a class of frame. The .canvas element here is the already existing div with a class of canvas.

When you see an element name with a . infront of it, like .canvas in this case, it means there is an html element (could be a div or some other tag) which has a class name of canvas (or whatever comes after the dot)

So in the case above, the .canvas element was already in the challenge, you just needed to wrap that div with another div and give it a class name of frame. I hope this breakdown helps you solve this challenge.

1 Like
4

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