Float, inline-block, flex, grid layout - способы создания разметки. Назначение технологий

Способы построение разметки и эволюция сеток. Сетка на float. Сетка на inline--block. Сетка на flexbox. Сетка с помощью Grid Layout. Баги и плюсы предложенных вариантов. Назначение каждой из возможностей. Дикий пример на Grid Layout. Примеры когда CSS Grid нужен, а когда нет. Взаимоотношения flexbox, grid layout и smart-grid. Тренажёр, который демонстрировался в уроке на третьем экране -