.about-me {
    gap: 1em;
    
    padding: 0em 1em;

    > img.portrait {
        float: right;
        width: max(min(200px, 18vw), 125px);
        margin: 0.5em;
    }

    > div.extras {
        align-self: end;
    }

    @media screen and (width <=800px) {
        grid-template-columns: auto;
        grid-template-areas: 
            "description"
            "extras";
            
        > div.portrait {
            display:none;
        } 
    }
}