@media (min-width: 1600px) {
    #blog-section {
        max-width: 88rem;
    }
    #blog-section #posts-grid {
        row-gap: 2.25rem;
    }
}

@media (min-width: 1800px) {
    #blog-section {
        max-width: 96rem;
    }
    #blog-section #posts-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 2200px) {
    #blog-section {
        max-width: 110rem;
    }
    #blog-section #posts-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 2500px) {
    #blog-section {
        max-width: 115rem;
    }
    #featured-wrapper .h-\[400px\] {
        height: 440px;
    }
    #blog-section #posts-grid article {
        min-height: 360px;
    }
}

@media (min-width: 3000px) {
    #blog-section {
        max-width: 120rem;
    }
    #featured-wrapper .h-\[400px\] {
        height: 480px;
    }
    #blog-section #posts-grid article {
        min-height: 390px;
    }
}