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

Tell us what’s happening:
Describe your issue in detail here.

Step 12 states to add a 50px solid black border to the div with class ‘frame’. Then in step 13, you’re asked to set the width of the div (class= ‘frame’) to 500px.

When adding the required code:

width: 500px;

I receive the error that the code did not pass, and that " You should set the width property to 500px. "

If i update the code using the class selector as well:

.frame{
width: 500px;
}

I receive the same error

Your code so far

/* file: styles.css */

/* 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; rv:109.0) Gecko/20100101 Firefox/111.0

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

Link to the challenge:

I’ve actually troubleshooted further and noticed that user who were having similar issues, were also using Firefox, so I tried a Edge, and I don’t receive the error at all, so this might be related to Firefox specifically

After opening that Step in Edge and re-adding the code:

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