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

HTML-CSS
1

Tell us what’s happening:

frame

Your code so far

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


<!-- User Editable Region -->

  </body>

/* file: styles.css */
.canvas {
  width: 500px;
  height: 600px;
  background-color: #4d0f00;
}

Your browser information:

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

Challenge Information:

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

2

hi there! I was wondering if you had a question for us?

1 Like
3

Hey Buddy, Can you describe a more like what do you want ?

4

Hello @borgemaboya2 !

Please, for future posts, include your question, and any error message received? This will allow for a focused and correct response to assist in resolving the issue.

You made a good attempt.

Just a few things.

  1. There should not be any text ‘frame’.
  2. Both the opening <div class="canvas"> and the closing </div> for the canvas should be between the opening <div class="frame"> and its closing </div>

Suggestion: I would suggest reset and place the opening frame div before the opening canvas div, and the closing frame div after the closing canvas div.

Wishing you good progress on your coding journey. :slightly_smiling_face:

5

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