Снова flex, снова ошибки, кто может дать cuff?

Question

[Darkness]

Какой раз уже сталкиваюсь с проблемой с этими justify-content: center;
align-content: center; , поэтому требую подзатыльника и указать где ошибка.
Это форма (в уч. целях), она не в div или другом каком-нибудь блоке, а просто в body, но по центру не выравнивается! Не думаю, что проблема в html тегах, поэтому не стал крепить html code
Спасибо за помощь!

body {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-color: #321de2;
}

#survey-form {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    width: 500px;
    height: 100%;
    background-color: #B7FF64;
}

Answer 1

[Сергей Горячев]

Ты пытаешься саму форму что ли выровнять флексами? Не так.
Флексы задаются родителю, то есть если форма в боди, пиши правила для боди.
И все дети будут слушать эти правила.

Comments

[Darkness]

*****,вот в чем ошибка чтоль? Да, я пытался выровнить саму форму. И каждый раз я удивляюсь , почему-же не выравниваются блоки! Спасибо, сейчас исправлю!

[Rustam Bainazarov]

Антон Добрынин, LOL.

[Darkness]

SmthTo, :D Сам в шоке

Answer 2

[ljutaev]

Привет. Почитай книгу Новая большая книга CSS Д. Макфарланд 2016 раздел с флексами

Comments

[Darkness]

Спасибо!

[Алексей]

Антон Добрынин, практика https://flexboxfroggy.com/#ru

[Darkness]

Алексей, да на изи я это прохожу

Answer 3

[Алексей Стрекалов]

https://frontender.info/a-guide-to-flexbox/