Check browser support with `supports`

• @supports let’s you check for browser support for a particular declaration/property.
• The browser must support @supports in order for it to work.
• You can use @supports as well as @supports not

1@supports (display: grid) {
2  div {
3    display: grid;
4  }
5}

1@supports not (display: grid) {
2  div {
3    float: right;
4  }
5}

Links

-MDN: @supports