Для центрирования по двум осям обычно используют Flexbox: justify-content: center и align-items: center у контейнера.
Классический способ выровнять div по центру.
Для центрирования по двум осям обычно используют Flexbox: justify-content: center и align-items: center у контейнера.
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
Для центрирования по двум осям обычно используют Flexbox: justify-content: center и align-items: center у контейнера.
Пример: .parent { display: flex; justify-content: center; align-items: center; min-height: 100vh; }. Для горизонтального центрирования блочного элемента ограниченной ширины достаточно margin-inline: auto. Высота родителя определяет доступное пространство по вертикали.