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

HTML-CSS
1

Tell us what’s happening:

somebody can help me with this step? i´m very stucked and i want the certificate urgent! ash, why is so difficult omg.

Your code so far

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

.frame {
  border: 50px solid black;

/* User Editable Region */



.frame {
  border: 50px solid black;
  width: 500px;
}

/* User Editable Region */

}

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

Your browser information:

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

Challenge Information:

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

2

The step requires only width being set to 500px. Base on the code above, you might have written .frame again.

For every lesson, the input box is usually set to where you’ll have to write the code. In this case, within .frame. It’s visible when scrolling up within the lesson itself.

.frame {
  border: 50px solid black;
.frame {
  border: 50px solid black;
  width: 500px;
}
}

As before, resetting and only putting the width line should work.

3

border: 50px solid black;width: 500px; this is the solution!

4

if you want the certificate so urgently that you don’t want to spend time learning, don’t do the practice projects, do only the certification projects