.home-pinned-content {
    display: grid;
    grid-template-areas:
    'banner news'
    'welcome news'
    'welcome news'
    'shout news'
    'shout news'
    'projects projects';
    
    grid-template-rows: minmax(100px, auto);
    
    gap: 10px;

    & > * {
        border: 1px solid red;
    }
}

.home-banner {
    grid-area: 'banner';
}

.home-welcome {
    grid-area: 'welcome';

    display: flex;
    flex-direction: row;
}

.home-news {
    grid-area: 'news';
}

.home-shoutbox {
    grid-area: 'shout';
}

.home-projects {
    grid-area: 'projects';
}