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

HTML-CSS
1

What am I doing wrong here?
I hope you are having a very good day.

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"> .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

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

I’m not sure how you came up with this? You seem to have inserted a CSS selector inside one of your div elements?
Also, note that the syntax for HTML attributes is attribute="value". It’s correct on one of your div elements but not the other.
Finally, your ‘canvas’ div should be nested inside your ‘frame’ div (i.e. between the opening and closing ‘frame’ div tags).

1 Like
3

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