Инструкция по центрированию в CSS: 1) flex-контейнер: display: flex; justify-content: center; align-items: center; Вместо центровки контейнера можно блоку задать align-self: center; или margin: auto; 2) Если контейнер имеет фикс ширины или она в процентах, то блок центрируем по горизонтально: margin: 0 auto; 3) Можно использовать позиционирование, например: .container {   border: 1px solid black;   position: relative;   width: 100%;   height: 100%; } .block {   border:...

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