body {
    width: min(100vw, 896px);
    height: 100vh;
    display: flex;
    margin: 0 auto;
}

.body-container {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(8, auto);
    gap: 12px;
    grid-template-areas:
        "header header"
        "nav nav"
        "news aside"
        "jiu-jitsu jiu-jitsu"
        "coach coach"
        "academy academy"
        "schedule schedule"
        "footer footer";

    @media (max-width: 770px) {
        display: flex;
        flex-direction: column;
    }
}