How to make such a layout in flex?

Question

css

header, nav, footer made separate blocks
then made container and shoved main(content) there
and in a separate not in the same maine made aside 2 blocks
as a result it turned out like this

example how did

<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>

in css

.container{
    display: flex;
    background-color: #fff;
}

Answer 1

<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>

Didn't make any indents)

Answer 2

Water so on flex