Having Trouble Passing Product Landing Page Test

Tell us what’s happening:
Describe your issue in detail here.
I’m having trouble with passing some unit tests for the Product Landing Page part of the Responsive Web Design Certification. I’m failing the “should have at least one media query” and “should have flex at least once” tests, but I do have those things in my responsive.css file. Am I missing some syntax in this file that is making them undetectable by the test suite?

Your code so far

@media screen and (min-width: 1025px) {

body {

    width: 100%;

}

#header {

    width: 100%;

    text-align: left;

   

}

#nav-bar {

    width: 80%;

    display: flex;

    flex-direction: row;

    margin: 10px auto;

}

#brand-name{

    flex: 1;

    flex-wrap: nowrap;

}

#header-img {

    flex: 0.25;

}

#nav-options {

    flex: 1;

    display: flex;

    flex-direction: row;

    justify-content: space-evenly;

    padding: 0 10px;

}

#intro {

    display: flex;

    flex-direction: column;

    padding: 0;

}

}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36

Challenge: Build a Product Landing Page

Link to the challenge:

https://blaws006.github.io/freeCodeCamp_Product-Landing-Page/

Looks as though you’ve corrected your issues @blaws006. The only test I see that’s failing is;

I can watch an embedded product video with id="video".
#video is not defined : expected null to not equal null
AssertionError: #video is not defined : expected null to not equal null

Yeah since I’m not building this out via Codepin I had to put a style tag in the HTML with the media queries and flex styling there. It’s a strange workaround but it worked