#list {
    margin: 0 1.5em 0 1.5em;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 3em;
    align-items: center;
}

#list > div > div { font-family: 'IBM Plex Mono', monospace; }

#list > div > p {
    margin: 0.5em 0 0.5em 0;
    font-style: italic;
}

#list > a {
    justify-self: center;
}

#list > a > img {
    height: 10em;
}

.rounded-hero-image {
    border-radius: 1em;
}

@media only screen and (max-width: 720px) {
    #list {
        margin: 0 1.5em 0 1.5em;
        display: grid;
        grid-template-columns: auto;
        gap: 2em;
        align-items: center;
    }

    #list > a { display: none; }
}