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

I cant pass this step no matter what i type in, not sure what i am doing wrong or if a bug?

Your code so far

/* file: styles.css */

/* User Editable Region */

overflow: hidden;

/* 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 class="one"></div>
      </div>
    </div>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

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

Link to the challenge:

Is that really the only thing that is in your styles.css file? There should be a ton of stuff in there. You might want to restart the step to get the original CSS back and then only do exactly what the instructions are asking you to do.

Ok how do I restart the step?

click on the button that has an arrow turning around on it.

1 Like