@danyvasnafig

Как в flex-box сделать такую вещь?

5ba7e6e4caceb575987998.png
как сделать такое в flexbox?
допустим блок content это мейн, а слева и справа от него по 2 aside.
Каким образом их так расставить?
  • Вопрос задан
  • 427 просмотров
Решения вопроса 1
@BigSmoke
<div class="container">
  <aside></aside>
  <aside></aside>
  <main></main>
  <aside></aside>
  <aside></aside>
</div>

.container {
  width:900px;
  height:200px;
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
}
aside {
  width:300px;
  height:100px;
}
main {
  width:300px;
  height:200px;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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