@import url('post-card.css');

.grid-posts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(327px, 416px));
    gap: 16px;
}

.grid-posts .post-card {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

@media (max-width: 768px) {
    .grid-posts {
        grid-template-columns: repeat(auto-fit, minmax(327px, 1fr));
        place-items: center;
    }
}