А если такой же трюк для центрирования по вертикали?
!how2center
Центрирование блока: Самый простой и популярный способ центрирования блока - использование Flexbox. Для центрирования элемента по главной оси (при flex-direction: row - горизонтально), используется свойство justify-content. Для центрирования элемента по перекрёстной оси ( при flex-direction: row - вертикальной) используется свойство align-items. Пример: parent - блок, в котором находится элементы child - элемент, который надо центрировать. <div class="parent"> <div class="child"></div> </div> css: .parent { display: flex; justify-content: center; align-items: center; } Более подробную информация можно найти в документации MDN Для закрепления свойств и значений во flexbox рекомендуем пройти игровой курс flexboxfroggy
Обсуждают сегодня