Merhaba arkadaşlar.
Resimdeki iskeleti CSS flexbox ile nasıl yaparız?

<!-- Wrapper Başlangıç -->
<div id="wrapper">

    <!-- Sidebar Başlangıç -->
    <div class="main-sidebar">
        SİDEBAR
    </div>
    <!-- Sidebar Bitiş -->

    <!-- Content Wrapper -->
    <div class="content-wrapper">

        <!-- Main Header Başlangıç -->
        <div class="main-header">HEADER</div>
        <!-- Main Header Bitiş -->

        <!-- Main Content Başlangıç -->
        <div class="main-content">
            <div class="content-header">Dashboard</div>
            <div class="content">CONTENT</div>
        </div>
        <!-- Main Content Bitiş -->

        <!-- Main Footer Başlangıç -->
        <div class="main-footer">FOOTER</div>
        <!-- Main Footer Bitiş -->

    </div>
    <!-- Content Wrapper -->

</div>
<!-- Wrapper Bitiş -->