Align Elements Using the justify-content Property

Tell us what’s happening:
ok I am putting the justifiy-content property in have reset code and still won’t take it and also refreshed as well. Were am I messing up??? tia

Your code so far

  #box-container {
    background: gray;
    display: flex;
    height: 500px;
    justifiy-content: center; 
  #box-1 {
    background-color: dodgerblue;
    width: 25%;
    height: 100%;

  #box-2 {
    background-color: orangered;
    width: 25%;
    height: 100%;

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:69.0) Gecko/20100101 Firefox/69.0.

Link to the challenge:

You’re spelling justify wrong. You wrote justifiy

justify-content copy and paste that over what you have written and your code passes