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

I am not sure what I am doing wrong

Your code so far

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

.frame {
  border: 50px solid black;
  width: 500px;
  padding: 50px;
  margin: 20px auto;
}
<!-- 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">

<!-- User Editable Region -->

.canvas {<div class="one;"> </div>}

<!-- User Editable Region -->

      </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 16

Link to the challenge:

You are adding CSS inside of your HTML. You don’t want to do this.

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