@Vladyslavvvv

Как правильно позиционировать элементы на flexbox?

Здравствуйте, у меня есть такое задание(картинку прикрепляю). Нужно сверстать этот шаблон на flexbox. Вопрос, как сделать чтоб посередине было пространство а по бокам эти сайдбары? Просто у меня всё лезет друг на друга и не получается..
5f52c12885e22765237857.jpeg
  • Вопрос задан
  • 168 просмотров
Пригласить эксперта
Ответы на вопрос 2
@Steppp
<header></header>
<div>
  <div class="navidation"></div >
  <main></main>
  <aside></aside>
</div>
<footer></footer>
Ответ написан
@kryamk
<div class="wrap">
    <header class="header">Header</header>
    <main>
      <div class="left">Sidebar</div>
      <div class="center">main</div>
      <div class="right">Sidebar</div>
    </main>
    <footer class="footer">Footer</footer>
  </div>

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.wrap {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
main {
  display: flex;
  flex-grow: 1;
}
.center {
  flex-grow: 1;
}
Ответ написан
Ваш ответ на вопрос

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

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