After i add display: flex to #box-container.the test is not pass

After i add display: flex to #box-container.the test is not pass
0.0 0

#1

Tell us what’s happening:

Your code so far



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

  #box-2 {
    background-color: orangered;
    width: 50%;
    height: 50%;
    
  }
</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_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36.

Link to the challenge:
https://beta.freecodecamp.org/en/challenges/css-flexbox/use-display-flex-to-position-two-boxes


#2

It’s working…
Here is my code.

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

  #box-2 {
    background-color: orangered;
    width: 50%;
    height: 50%;
    
  }
</style>
<div id="box-container">
  <div id="box-1"></div>
  <div id="box-2"></div>
</div>