<div class="content">
    <div class="side">
        <slot name="side-left" />
    </div>
    <div class="main">
        <slot name="main" />
    </div>
</div>

<style>
    .content {
        max-width: 2000px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        padding: 0 24px;
    }
    .side {
        min-width: 400px;
    }

    @media screen and (max-width: 800px) {
        .content {
            padding: 0 8px;
            flex-direction: column;
        }

        .side {
            min-width: 0;
            width: 100%;
        }
    }
</style>