Test Suite Can't Find Media Query & CSS Flexbox

Test Suite Can't Find Media Query & CSS Flexbox
0

Hi. I just finished my Product Landing Page. I tried to run the tests but they don’t seem to be able to detect my Media Queries and the use of CSS Flexbox.
I tried to put all my code in CodePen to run the tests (it solved this person’s problem) but the test menu doesn’t even show for me.

My CSS & Flexbox

#contact-us form {
  margin: 2rem auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 30%;
}

@media (max-width: 880px) {
  #contact-us form {
    width: 60%;
  }
}

I’m using SCSS, that’s the output from the compiler. That’s why it has the -moz and -webkit.

Link to Test CDN
Screenshot_20200122_221914

Browser Information
Mozilla/5.0 (X11; Linux x86_64; rv:72.0) Gecko/20100101 Firefox/72.0

Challenge
https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-projects/build-a-product-landing-page

Btw, the test menu not showing is quite usual for me. It happens almost every time if I’m viewing the page by running VS Code Live Server.