danil_polyanskiy
@danil_polyanskiy
Junior Front-End Developer

Как сделать flex-контейнер в котором 3 элемента будут сверху, а 3 остальных снизу?

  • Вопрос задан
  • 199 просмотров
Решения вопроса 2
@Sadko_MVS
Как вариант можно сделать так:
.test {
  display: flex;
  flex-wrap:wrap;
justify-content: space-between;
}

.test div {
  width: 250px;
  height: 250px;
margin:10px 5%;
  
  background: #222222;
}
Ответ написан
.test {
display: flex;
flex-wrap: wrap;
}

.test div {
flex: 0 0 25%;
max-width: 25%;
width: 250px;
height: 250px;
margin: 10px;
background: #222222;
}

Или так:
.test {
display: flex;
width: 800px;
flex-wrap: wrap;
}

.test div {
width: 250px;
height: 250px;
margin: 5px;
background: #222222;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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