a.article {
    text-decoration: none;
    color: black;
}

article {
    display: grid;
    grid-template-columns: 15em auto 20em;
    grid-template-rows: 1em 1em auto 1em;

    grid-template-areas :
        "image-key . ."
            "image title title"
            "image body body"
            "image . info";
}

article > span:first-child {
    grid-area: image-key;
    margin: 0;
}

article figure {
    grid-area: image;
}

article figure img {
    max-height: 10em;
    max-width: 10em;
    min-height: 10em;
    min-width: 10em;
}

.article-title {
    font-size: 20px;
    grid-area: title;
}

.article-body {
    font-size: 20px;
    grid-area: body;
}

.article-info {
    grid-area: info;
}

article strong {
    font-family: monospace;
    font-size: 10px;
}