@supports (display: flex) {
/* Flexbox is available, so use it */
.my-container {
display: flex;
}
}
In terms of syntax, @supports is very similar to @media, but instead of detecting screen size and orientation, @supports will detect whether the browser can handle a given CSS rule....
