Как решал задачу создания специфичного класса для отображения элемента в разных браузерах

.special-element {
  display: -webkit-box; /* старые Safari/iOS */
  display: -ms-flexbox; /* IE10 */
  display: flex; /* современные браузеры */
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: linear-gradient(#fff, #f5f5f5);
  background: -webkit-linear-gradient(#fff, #f5f5f5); /* Chrome <10, Safari <5.1 */
}

@supports (display: grid) {
  .special-element {
    display: grid;
  }
}