.related {
    width: 100%;
    padding: 20px 0px;
}

.related__title {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto 24px;
    padding: 0px 15px;
}

.related__posts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: minmax(300px, 1fr);
    column-gap: 20px;
}

@media screen and (max-width: 991px) {
    .related__posts {
        grid-template-columns: 1fr;
        row-gap: 20px;
        padding-inline: 15px;
    }

    .related__posts .post {
        height: 500px;
    }
}