@Arhangel_one

Как расположить контент по центру?

Как расположить контент по центру при 100vh, чтобы на мобильном разрешении контент не залазил на другие секции ? https://codepen.io/ant-one/pen/XWrxKgm
  • Вопрос задан
  • 85 просмотров
Решения вопроса 1
criticalsomethoughts
@criticalsomethoughts
UI\UX Developer, Project Manager
https://codepen.io/ant-one/pen/XWrxKgm
.head__inner {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
Ответ написан
Пригласить эксперта
Ответы на вопрос 4
@ZZiliST
Изучаю JS, CSS, HTML, PHP
пропиши

.head {
height: 100vh;
display:flex;
align-items:center;
Ответ написан
Не очень понятно описана проблема.

Добавил для элемента .head свойства
display: flex;
justify-content: center;
align-items: center;


Результат. Подходит такое?
https://codepen.io/hisbvdis/pen/BaBqeWQ
Ответ написан
@Haoss
html-верстальщик
у всех проблема, если блок выравнивается по центру через align-items: center; то при height: 100vh и высоте экрана менее высоты блока, блок будет по центру и вверх уже не прокрутить.
Решение, заменить height на min-height - блок будет по центру, но при экране менее высоты блока, блок останется прикреплен к верху с возможностью прокрутки экрана, а не по центру без прокрутки.

https://codepen.io/haoss/pen/wvwYLMm
Ответ написан
Ваш ответ на вопрос

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

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