Балансируем флекс-элементы свойством flex-wrap: balance. Ахмад Шадид… — Веб-стандарты

Веб-стандарты@webstandards_ru · 13.9K subscribers Open in TelegramOpen

Балансируем флекс-элементы свойством flex-wrap: balance. Ахмад Шадид начинает с вёрстки на сайте Buffer, где в последней строке остаётся один элемент, и показывает пять способов это исправить: выражения от контейнера, условный clamp() для max-width, display: contents, разделитель на псевдоэлементе и, наконец, flex-wrap: balance из Chrome 150 — всего одно объявление. Свойство flex-line-count задаёт минимальное число строк. #css #layout

https://ishadeed.com/article/flex-wrap-balance/

t.me/webstandards_ru/7839 Translate