Вертикальное центрирование CSS

Question

Нужно сделать так чтобы элемент был вертикально по центру, а слева отступ всего в 64px c использованием flex.

<div class="page">> 
       <h1>Heading</h1>
</div>

Answer 1

/* обнуление стилей */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.page {
  /*  скорее всего ваша проблема здесь, ведь для работы flex надо указать размер */
  height: 100vh; 
  width: 100vw;
  
  
  display: flex;
  align-items: center; /* расположение вертикально по центру */
  padding-left: 64px; /* отступ на 64 */
}

<div class="page">>
  <h1>Heading</h1>
</div>

БЛОГ НА HUSL

Вертикальное центрирование CSS

Ответы (1 шт):