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
@supports (display: grid) {
  div {
    display: grid;
  }
}
@supports not (display: grid) {
  div {
    float: right;
  }
}

-MDN: @supports