FlexBox vs Grid. В чем различия?

В этом видео мы посмотрим на различия FlexBox и GridLayout разметки, на конкретных примерах посмотрим, в каких случаях каждый из них работает лучше, а также отметим сильные и слабые стороны каждого из инструментов.
Таймкоды:
00:00 Вступление
00:49 Сравнение Flex и Grid
08:13 Flexbox: когда лучше использовать
10:33 Grid: когда лучше использовать
12:21 Совместное использование

[@user-gh8ku4lo4b]

Спасибо за разъяснение)

[@warplace]

Лучший! Видео сделано отлично! Всё чётко, наглядно и по делу.

[@welcomebrat]

Хорошо изложено наглядно

[@olexii_]

Допустим в нас есть div-контейнер, и мы внутрь накидываем дочерние div'ы, которые имеют не стандартизированный размер, а разный, но не рандомный. Как кубики Лего, они разные, но все кратные какому-то базовому блоку в 1 клетку. Ширина нашего контейнера ограничена n-ым количеством клеток, высота не ограничена. Есть набор элементов, которых нужно упаковать в контейнер максимально плотно, чтобы они занимали минимально возможную площадь контейнера. Пример такого есть инвентарь в играх, где предметы лежат не абы как, а занимают минимум места. У меня аналогичная задача есть, только на сайте, и вот как-то не пришел к какому-то универсальному решению такой проблемы. Кто-то может посоветовать подход для решения проблемы?

[@user-kh6sr8tp1m]

Изучение на хорошем уровне, но такое углубленное знание верстки никому не нужно. Хоть верстальщики и нужны, но под это уже точат нейросети.