Найти в Дзене
1 неделя назад

CSS Grid с нуля: понятное руководство по двумерным сеткам для новичков

Чтобы быстрее усвоить материал и «пощупать» работу свойств в реальном времени, воспользуйтесь интерактивным инструментом: конструктор блоков. Если вы верстаете сайты, то наверняка сталкивались с ситуацией, когда нужно расположить элементы ровной сеткой: карточки товаров, галерею фото или сложную структуру страницы с шапкой, боковой колонкой и футером. Раньше для этого использовали плавающие блоки (float), таблицы или inline-block. Позже появился Flexbox, который сильно упростил жизнь, но он создавался в первую очередь для одномерных макетов (когда элементы выстраиваются в одну линию — строку или столбец)...

1 неделя назад

Полное руководство по Flexbox для новичков: верстаем легко и гибко

Чтобы быстрее усвоить материал и «пощупать» работу свойств в реальном времени, воспользуйтесь интерактивным инструментом: Онлайн-конструктор Flexbox блоков Если вы только начинаете изучать верстку, то наверняка сталкивались с ситуацией, когда элемент никак не хочет встать по центру, а два блока вместо того, чтобы встать рядом, "улетают" друг под друга. Раньше верстальщикам приходилось идти на ухищрения с float, inline-block и фиксацией высоты. Сегодня стандартом для создания одномерных макетов стал Flexbox (Flexible Box Layout). Он берет на себя все сложные вычисления: сам распределяет свободное...

Покупайте СтеллыИ дарите их за контент