высота: 100% не наследуется

Question

Я пытаюсь выровнять свойство в css с:

display: flex;
justify-content: center;
align-items: center;

body имеет height :100%, и описанный элемент является первым вложенным элементом в body, почему он не получает 100% высоту?

codeandbox.io

Answer 1

Пожалуйста, добавьте height: 100%; к id root, так как вы работаете с react.

#root {
  height: 100%;
}

введите описание изображения здесь