Error Completing Task

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

I am working through the curriculum and I am currently on the Responsive Web Design >CSS Flexbox Task 15 out of 17 called ‘Use the flex shorthand property’ . When actually inputing the flex property the "Run Test’ throws the following error, not allowing me to complete this step/task -
Error- Invariant Violation: function should receive a PolyVinyl, but got [object Object]

Anyone know how to get around it so I can complete this task? Thank you!
Your code so far


<style>
#box-container {
  display: flex;
  height: 500px;
}
#box-1 {
  background-color: dodgerblue;

  height: 200px;
}

#box-2 {
  background-color: orangered;

  height: 200px;
}
</style>

<div id="box-container">
<div id="box-1"></div>
<div id="box-2"></div>
</div>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15

Challenge: Use the flex Shorthand Property

Link to the challenge:

It would be more helpful if you posted the code you tried instead of just the starter code.

Please post the code you tried.


When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

<style>
  #box-container {
    display: flex;
    height: 500px;
  }
  #box-1 {
    background-color: dodgerblue;
    flex: 2 2 150px;
    height: 200px;
  }

  #box-2 {
    background-color: orangered;
    flex: 1 1 150px;
    height: 200px;
  }
</style>

<div id="box-container">
  <div id="box-1"></div>
  <div id="box-2"></div>
</div>

Thanks for the reply. I posted the code above but I don’t think the error is due to the code as the error I mentioned happen as soon as start typing.

I assumed not seeing the error message but it is still best to see the code.

  • Does it happen in Chrome or Firefox?

  • Have you seen the error in other challenges?