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

Tell us what’s happening:
what wrong with my code?

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 class="frame">
            </div>
            </div>


<!-- User Editable Region -->

  </body>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:109.0) Gecko/20100101 Firefox/109.0

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

Link to the challenge:

Hi!

Welcome to the forum!

The div with the class of canvas needs to go inside the div with the class of frame. Your frame and canvas are the wrong way around.

It is like a real painting, the frame goes outside the canvas. :slight_smile:

2 Likes

hello!
thank you for explain …hahaha :sweat_smile:

1 Like

Thank you for this post. It helped me realize I was just misplacing my final part of the new div.

1 Like

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