@ddeel

Как сделать такой макет в flex?

5eb79f1c09f50139100020.png
header, nav,footer сделал отдельными блоками
потом сделал container и туда запихнул main(content)
и в отдельном не в самом же maine сделал aside 2 блока
в итоге получилось вот так
5eb7a05e268fa232356014.png
пример как сделал
<div class="container">
            <main class="content">
                <article class="article">
                         .................
                </article>
                 <article class="article">
                    ....................
                </article>

            </main>

            <aside class="sidebar">
                2

            </aside>

            <aside class="sidebar2">
                2

            </aside>

        </div>


в css
.container{
    display: flex;
    background-color: #fff;
}
  • Вопрос задан
  • 413 просмотров
Решения вопроса 1
Kasperenysh
@Kasperenysh
Рецидив в особо острой форме))
<div class="container">
            <main class="content">
                <article class="article">
                         .................
                </article>
                 <article class="article">
                    ....................
                </article>

            </main>

<div>
            <aside class="sidebar">
                1

            </aside>

            <aside class="sidebar2">
                2

            </aside>
</div>
        </div>


Не стал отступы делать)
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Oleg2002pr
Никто
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы