AntonBrock
@AntonBrock
screen light

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

Какой раз уже сталкиваюсь с проблемой с этими 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;
}
  • Вопрос задан
  • 100 просмотров
Решения вопроса 1
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Ты пытаешься саму форму что ли выровнять флексами? Не так.
Флексы задаются родителю, то есть если форма в боди, пиши правила для боди.
И все дети будут слушать эти правила.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@ljutaev
html-програмист
Привет. Почитай книгу Новая большая книга CSS Д. Макфарланд 2016 раздел с флексами
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы