Инструкция по центрированию в 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:...

Flexbox — это способ управлять расположением элементов внутри блока. Одним измерением: либо строка, либо столбец. Представь поднос с тарелками. Ты решаешь: расставить их вплотную или с промежутками, прижать к одному краю или по центру, выровнять по высоте. Flexbox — это именно такой инструмент. Берёшь родительский контейнер, включаешь display: flex — и его дочерние элементы начинают подчиняться твоим командам. Всё делится на два уровня: свойства контейнера (родителя) и свойства элементов (детей)...