CSS Grid Layout: новый модуль раскладки для веба

CSS Grid Layout: новый модуль раскладки для веба

Люди использовали сетчатый дизайн в журналах, газетах, постерах и другой печатной продукции задолго до появления интернета. Неудивительно, что макеты первых веб-страниц также были основаны на компоновке сетки. Для её создания применялись средства различной степени эффективности: таблицы, флоаты, инлайн блоки, флексы. Однако все они оказывались далеко не идеальными при построении сложного сетчатого макета. Для решения этих…

Grid против Flexbox: сравнение на практике

Grid против Flexbox: сравнение на практике

Не так давно HTML сетка версталась с помощью флоатов, таблиц и других CSS свойств мало пригодных для этого занятия. Потом появился flexbox, созданный специально для создания адаптивных сеток. Он значительно упростил выравнивание элементов и их содержимого, став незаменимой практикой для большинства современных фронтендеров. Сейчас мы имеем нового претендента на «самая-лучшая-система-построения-HTML-сеток» трофей (название трофея в процессе…