#activity-show {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
            "actions"
            "details";
    gap: 1rem;

    .details { grid-area: details; }

    .actions {
        grid-area: actions;
        position: sticky;
        top: 2rem;
        height: fit-content;
    }

    @media screen and (min-width: 50rem) {
        grid-template-columns: 275px 1fr 275px;
        grid-template-areas: 'menu details actions';

        .menu {
            display: grid;
            height: 100%;
            background-color: var(--grey-dark);
        }
    }
}