#about-page {padding: var(--size-s) var(--size);}

#about-page > * {grid-column: 1/-1;}

#about_p-info {padding-top: 4px;}
#about_p-feed {margin-top: var(--size-xl);}

@media only screen and (min-width: 768px) {
    #about_p-info {
        grid-column: 1/4;
        position: sticky;
        top: calc(var(--size-xl) + var(--size-s));
        align-self: flex-start;
    }
    #about_p-feed { 
        grid-column: 4/-1;
        margin-top: 0;
    }
}

@media only screen and (min-width: 1096px) {
    #about_p-info {top: var(--size-s);}
}