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

Tell us what’s happening:

help me i cant able to do this . kmc/ldmec/mwdmce;/.cenc’/lcmx;m/exmlexe

Your code so far

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

/* User Editable Region */












 
   
      padding: 1px; /* If padding was applied */
        overflow: hidden; /* This clips the content if it exceeds the box */
        
        

  

    


/* User Editable Region */

}

.frame {
  border: 50px solid black;
  width: 500px;
  padding: 50px;
  margin: 20px auto;
}

.one {
  width: 425px;
  height: 150px;
  background-color: #efb762;
  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">
        <div class="one"></div>
      </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/131.0.0.0 Safari/537.36

Challenge Information:

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

please do not write random text, use the minimum characters to talk about the issue you are having.

Please note that the instructions ask to replace one thing with the other.

What hint are you getting right now?

huh?