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

HTML-CSS
1

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>

     <div>
       .canvas{
        <div class="frame"></div>
       }
  </div>
</body>

  **Your browser information:**

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

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

Link to the challenge:

image
image1112×773 37.2 KB

What is error?Kindly guide.

2

It says you should create a new div with class frame, and put the already existing div with class canva inside the new one you created.

1 Like
3

I don’t understand miss.

4

If you see a hint that says you need a .canvas element, ask yourself before typing:

What is an element?

Answer: it is an HTML term which refers to code tags that has a form similar to below

<body> some stuff in the middle </body>

So whatever the exercise wants, if they say they want an element, it should be written in the HTML way.

And what does “.canvas” refer to then?

The “dot” in the .canvas here is telling you that you should look at the class attribute of the same name.

6

Thank, your solution was helpful

7

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