@supports проверява CSS поддръжка, а не крайния дизайн

Полезно е да знаеш

@supports позволява условно прилагане на CSS според поддръжката на декларация или друга допустима проверка. Например @supports (display: grid) { .items { display: grid; } } включва правилото само при разпозната поддръжка. [1]

Това не проверява дали всяка браузърна особеност е отстранена или дали подредбата е подходяща за съдържанието. Осигури използваем основен вариант преди условния блок. При постепенно подобрение читателят трябва да получи работещ списък и когато допълнителният стил не се приложи. Изпробването с реален дълъг текст остава отделна стъпка.