.page-blog-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.page-blog-item__img {
    height: 240px;

    background: var(--color-gray);
    border-radius: var(--border-radius);
    overflow: hidden;
}

.page-blog-item__info {
    padding: var(--padding);
    flex-grow: 1;
}

.page-blog-item__info-title h4 {
    margin-bottom: 0;
}

.page-blog-item__info-footer {
    margin-top: auto;
}

.page-blog-item__info-more {
    display: inline-block;
    margin-top: 10px;
}

@media (max-width: 1199px) {
    .page-blog-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .page-blog-list {
        grid-template-columns: 1fr;
    }

    .page-blog-item__img {
        height: 200px;
    }
}

@media (max-width: 575px) {
    .page-blog-item__img {
        height: 180px;
    }
}