Building a Rothko Painting Step 11

HTML-CSS
1

I’m not sure what i’m doing wrong.
It is asking to put a div element inside another div element with .class and .frame inside them. I think i’m missing something.

image
image1600×900 145 KB

2

Please post your actual code and a link to the Step instead of a screenshot.

3

I don’t know how on my computer…

4

When you click the Ask for Help button, the code and a link to the Step is automatically put into the post for you.

5

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

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

/* file: index.Ext.html */
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Rothko Painting</title>
    <link href="./styles.css" rel="stylesheet">
  </head>
  <body>

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

  </body>

Your mobile information:

iPhone - iOS17.6.1

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

Link to the challenge:

6

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

7

Welcome to the forum @013Zahra

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

You placed the new div opening tag inside the .canvas div tag.

Place the new opening div tag before the old one.
Make sure to add the closing angular bracket at the end.

Happy coding

9

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

10

I went ahead and combined your posts for you. In the future, just reply to the original thread to add further updates.

Thanks.

11

I’ve tried and I keep getting an error message.

12

hi there!

post your updated code here, using a three back ticks (```) on a seperate line below and above your code block.