[beta] Using the Flex-direction Property to Make a Row - Any value accepted

Challenge using-the-flexdirection-property-to-make-a-row has an issue. User Agent is: Mozilla/5.0 (X11; CrOS x86_64 8872.76.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.105 Safari/537.36. Please describe how to reproduce this issue, and include links to screenshots if possible. Almost any value entered into box container will pass including column and any word-direction

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

  #box-2 {
    background-color: orangered;
    width: 500px;
    height: 500px;
  }
</style>

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

[HKuz]

I think we’ve left this issue open long enough for other folks to weigh in. I’m going to close it, but if anyone wants to add to the discussion, feel free to re-open 👍

Thanks all 🎉 🍀

[HKuz]

@Greenheart - thanks for that amazing write-up comparing options 😄 👍 I’m also leaning towards point 2. There are many ways folks can add wrong or unnecessary code, but there (should be) only one right way to pass the challenge (and prove they understand the concept). There’s also that old known issue where the cursor in the code editor can randomly jump around while you’re typing - I’ve been a victim of it’s oddball ways and ended up with random junk code in places it shouldn’t be. I’m afraid if we make strict tests that code hasn’t changed, and someone doesn’t notice the cursor thing, they’ll wonder why their code won’t pass.