CSS Feature Queries Basic @supports usage
Example
@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.
Rather than doing something like @supports (flex), notice that the rule is @supports (display: flex).
