Переходим наконец-то на flex css

Стандарт css flex на сегодня поддерживается почти всеми браузерами. Исключение как всегда составляет IE. Но это уже не браузер, оставлен Microsoft по-видимому только из соображений , что через него можно получить доступ к файловой системе Windows. Например для проверки легальности программного обеспечения. Также его использует налоговая для входа по ЭЦП на nalog.ru.

По-хорошему браузер должен изолировать открываемую страницу от желания получить доступ к компьютеру. Но речь не об этом.

Flex очень легко используется , достаточно один раз попробовать и все становится понятно. То есть забываем о float: left , больше нам это не понадобится.

Но как это бывает далее : на смену flex уже пришел более мощный стандарт grid. Используются они прекрасно вместе и имеет смысл переходить на grid.

Браузеры понимающие flex наверное все понимают нижеприведенную конструкцию. Она защищает от применения стилей grid браузером , который не поддерживает grid и аналогично для flex.

@supports (display: flex)
{
......
@supports (display: grid) 
{
.......