Можно ли как то CSS отключить align-items: center; чтою он другие элементы не собирал в кучу ?

Question

Можно ли как то CSS отключить align-items: center; чтою он другие элементы не собирал в кучу ?

Astrahan' Ученик (3), на голосовании 1 год назад

Новичок.

Желательно норм ответы, а бла бла оставьте при себе.

Answer 1

Чтобы отключить align-items: center для того, чтобы другие элементы не собирались в кучу, нужно переопределить это свойство для конкретного элемента или класса элементов. Например, можно задать align-items: flex-start для того же элемента или класса элементов. Это выровняет элементы по верхнему краю контейнера, а не по центру. Также можно задать align-items: baseline, чтобы выровнять элементы по базовой линии. Если нужно выровнять элементы по нижнему краю, можно задать align-items: flex-end. Все эти значения свойства align-items описаны в документации MDN.
Подробнее почитай
https://developer.mozilla.org/ru/docs/Web/CSS/align-items

Answer 2

Dlazder Мудрец (16927) 1 год назад

align-items: flex-start

Astrahan'Ученик (3) 1 год назад

Пробовал, че то не меняется либо я куда то его не туда пишу

Dlazder Мудрец (16927) Astrahan', Мало инфы

Astrahan'Ученик (3) 1 год назад

.link {
font-family: "Inter";
margin: 0 10px;
text-decoration: none;
font-size: 14px;
color: #4A68A3;;
}

.logo{
margin-left: 25px;
}

.popup {
top: 50%;
left: 50%;
position: absolute;
background-color: white;
padding: 30px;
transform: translate(-50%, -50%);
border: 1px solid black;
display: none; /*скрыть*/

}

.popup-close {
position: absolute;
font-size: 30px;
top: 10px;
right: 10px;
cursor: pointer;

}

.div1 img{
width: 100%;
height: 150px;
align-items: flex-start;
}

Astrahan' Ученик (3) Astrahan', .heid h3 { color: #fff; font-size: 35px; text-align: center; } .clipart-logo { width: 170px; height: 150px; } .heid { background-color: #22e708; height: 100px; width: 100%; } .div1 h1 { font-size: 35px; color: aqua; text-align: center; } .div1 h4{ font-size: 18px; text-align: center; } .imege img{ border-radius: 15px; margin: 12px; } .text h5{ font-size: 25px; text-align: center; color: rgb(248, 6, 6); } .text h6{ background-color: rgb(60, 255, 0); text-align: center; width: 170px; height: 250px; font-size: 25px; padding: 8px; display: inline-block; } .text p{ font-size: 20px; text-align: center; }