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

What am I doing wrong here good people?

Your code so far

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

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

/* User Editable Region */

vertical-margin:20px;horizontal-margin: auto;

/* 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/114.0.0.0 Safari/537.36

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

Link to the challenge:

There are no such properties as vertical-margin and horizontal-margin. The instruction say “Using the margin property…”, so you should use the property named margin.

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