.home-layout .maincontent {
    display: grid;
    grid-template:
        "nav nav" auto
        "shortcuts shortcuts" auto
        "content details" auto
        / minmax(0, 1fr) auto;
}

.home-layout .maincontent .nav-dropmenus {
    grid-area: nav;
}

#home-shortcuts {
    grid-area: shortcuts;
    padding: 5rem;
    justify-self: center;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

#home-subcontent {
    grid-area: content;
    padding: 1rem 1rem 1rem 2rem;
}

.eventsbox_container {
    grid-area: details;
    align-self: start;
    max-width: 23rem;
    padding: 1rem;
    margin: 2rem;
}

@media (max-width: 72rem) {
    .home-layout .maincontent {
        grid-template:
            "nav" auto
            "shortcuts" auto
            "msg" auto
            "details" auto
            "suggestions" auto
            / minmax(0, 1fr);
    }

    #home-subcontent {
        display: contents;
    }

    #msg-board {
        grid-area: msg;
    }

    .suggestions-row {
        grid-area: suggestions;
    }

    .eventsbox_container {
        max-width: none;
        margin: 1rem 0;
    }
}

@media (max-width: 45rem) {
    .home-layout .maincontent .home-navbar {
        padding-left: 3rem;
    }
}
