A veces es imposible realizar algo únicamente con CSS puro y tenemos que ayudarnos con otros lenguajes, como por ejemplo JS. Pero con este nuevo atributo o valor de CSS que interpretan las últimas actualizaciones de los navegadores, podremos conseguir justamente lo que queremos.
La regla @supports indica al navegador que si el atributo y el valor indicado son soportados, lea los atributos que contiene, ya que forma parte del subconjunto de las reglas anidadas, es decir, que pueden contener otras declaraciones en su interior.
Gracias a esta at-rule, podemos maquetar la página web tal y como queremos sin temer que las personas que entren con otros navegadores vean tu sitio mal.