Basic supports usage

suggest change
@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).

Feedback about page:

Optional: your email if you want me to get back to you:

Table Of Contents