.projects-wrapper{ min-width: 250px; max-width: 250px; min-height: 250px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background: grey; } .project-item{ min-width: 100px; min-height: 50px; background: red; }
Здравствуйте, у flex-box есть чудесное свойство justify-content: space-between;, которое прижимает элементы к краям горизонтально. Есть ли что-то подобное, когда надо прижать вертикально? или есть другой способ не flex-box?
Ответ
align-content: space-between;
.projects-wrapper{
min-width: 250px;
max-width: 250px;
min-height: 250px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
background: grey;
align-content: space-between;
}
.project-item{
min-width: 100px;
min-height: 50px;
background: red;
}
Комментариев нет:
Отправить комментарий