@import url('common-post-styles.css');

/** Grid style only **/
.grid-post-wrapper {
    display: grid;
    gap: 30px;
    max-width: 100%;
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1024px) {
    .grid-post-wrapper {
        gap: 25px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .grid-post-wrapper {
        gap: 20px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .grid-post-wrapper {
        gap: 15px;
        grid-template-columns: repeat(1, 1fr);
    }
}