Describe the bug

"Responsive Web Design Principles: Create a Media Query" test is not forgiving.

To Reproduce

Link of challenge: https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-principles/create-a-media-query/

the test wouldn't pass with

  @media ( max-height: 800px ) {
    p {
      font-size: 10px;
    }
  }

it would only pass

  @media (max-height: 800px) {
    p {
      font-size: 10px;
    }
  }

difference is an extra spaces inside the parenthesis.

Expected behavior

should pass for both of the code

Screenshots

Desktop (please complete the following information):

• Browser Name: Safari
• Browser Version: Version 11.1.2 (13605.3.8)
• Operating System: macOS High Sierra Version 10.13.6

Additional context

None