/* == Grid == */
.sv-grid {
    display : grid;
    
    &.evenly {
        grid-template-columns : repeat(auto-fit, minmax(0, 1fr));
    }
}

.sv-grid-2 {
    grid-template-columns : 1fr 1fr;
}

.sv-grid-3 {
    grid-template-columns : repeat(3, 1fr);
}

@media all and (max-width : 567px) {
    .sv-grid-2,
    .sv-grid-3 {
        grid-template-columns : 1fr;
        
        > * {
            padding-left  : 1.5rem;
            padding-right : 1.5rem;
        }
    }
}