.postPreview {
    display            : grid;
    max-width          : 840px;
    margin-bottom      : 56px;
    -moz-column-gap    : 24px;
    column-gap         : 24px;
    row-gap            : 8px;
    grid-template-rows : auto auto 1fr;
}

.post__thumbnailLink {
    grid-column : 2;
    grid-row    : 1/span 3;
}

.text__date, .title__post {
    grid-column : 1;
}

.text__date {
    grid-row  : 2;
}

.text__excerpt {
    grid-row    : 3;
    grid-column : 1;
}

.post__thumbnail {
    width              : 320px;
    height             : 200px;
    -o-object-fit      : cover;
    object-fit         : cover;
    -o-object-position : left top;
    object-position    : left top;
    border             : 1px solid #7290BD;
}

@media screen and (max-width : 700px) {
    .postPreview {
        display         : grid;
        max-width       : 840px;
        margin-bottom   : 56px;
        -moz-column-gap : 16px;
        column-gap      : 16px;
        row-gap         : 8px
    }

    .post__thumbnail {
        width  : 200px;
        height : 130px
    }
}

@media screen and (max-width : 520px) {
    .postPreview {
        display            : grid;
        max-width          : 840px;
        margin-bottom      : 56px;
        -moz-column-gap    : 16px;
        column-gap         : 16px;
        row-gap            : 8px;
        grid-template-rows :auto auto auto 1fr
    }

    .post__thumbnail {
        width  : 100%;
        height : auto
    }

    .post__thumbnailLink {
        grid-column : 1;
        grid-row    : 1
    }

    .title__post {
        grid-row : 2
    }

    .text__date {
        grid-row : 3
    }

    .text__excerpt {
        grid-row : 4
    }
}

.feature__title {
    font-size : 25px;
}