How to make a flexbox row reverse in HTML5

Question

The `@supports` rule allows the rendering engine to test for the presence of a feature.
Among the following notations, only one is **incorrect**. Find it:

Accepted Answer

```css
@supports (display: flex and display: flex-inline) {
    main {
        display: flex;
        flex-flow: row-reverse wrap;
    }
}
```

Answer

```css
@supports ( display: grid ) or ( display: inline-grid ) {
    @media (orientation: portrait) {
        display: grid;
        grid-template-columns: 320px 320px;
    }
}
```

Answer

```css
@supports (--badass-color: #bada55) {
   :root { --badass-color: #bada55; }
    body { color: var(--badass-color); }
}
```

Answer

```css
@supports not (filter: blur(15px)) {
  .el { position: relative; }
  .el::after {
   content: '';
   display: block;
   position: absolute;
   top: 0; left: 0; right: 0; bottom: 0;
   background-color: black;
 }
}
```

Question from the HTML5/CSS3 test

How to make a flexbox row reverse in HTML5