/* Phone: 1 column */
.neve-grid {
    display: block;
}

/* Tablet: 2 columns */
@media (min-width: 600px) {
    .neve-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-md, 1px);
        justify-items: center;
    }
}

/* Laptop/Desktop: 3 columns */
@media (min-width: 1024px) {
    .neve-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-md, 1px);
        justify-items: center;
    }
}

/* Laptop/Desktop: 4 columns */
@media (min-width: 1024px) {
    .neve-grid-4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: var(--spacing-md, 1px);
        justify-items: center;
    }
}

/* Modifiers */
.neve-grid .wide { grid-column: span 2 !important; }
.neve-grid .tall { grid-row: span 2 !important; }
.neve-grid .big  { grid-column: span 2 !important; grid-row: span 2 !important; }
.neve-grid .full { grid-column: span 3 !important; }