/* Custom breakpoint: 1 column below 855px, 2 columns at 855px+, 3 columns at 1280px+ */
@media (max-width: 854px) {
    #newsGrid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        justify-items: center;
    }
}

@media (min-width: 855px) and (max-width: 1279px) {
    #newsGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-items: start;
    }
}

@media (min-width: 1280px) {
    #newsGrid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        justify-items: start;
    }
}

/* Reduce parent container margin on very small screens to fit content */
@media (max-width: 354px) {
    #get-to-know-section > div {
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    /* Force article cards to be smaller on very small screens */
    #newsGrid > div {
        max-width: 280px !important;
    }
}