Standard Column Layouts

Standard Grid Examples with Helper Class

/* Grid Settings */

/*Grid-max-Columns*/

@media (min-width: 1199px){
.grid-max-8{
    grid-template-columns: repeat(8, minmax(0, 1fr))!important;}

.grid-max-6{
    grid-template-columns: repeat(6, minmax(0, 1fr))!important;}

.grid-max-5{
    grid-template-columns: repeat(5, minmax(0, 1fr))!important;}

.grid-max-4{
    grid-template-columns: repeat(4, minmax(0, 1fr))!important;}

.grid-max-3{
    grid-template-columns: repeat(3, minmax(0, 1fr))!important;}

.grid-max-2{
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;}
}

Advanced 4 Element Grid Example

Advanced 6 Element Grid Example

Masonry Grid Example with Helper Class

Bento / Masonry Grid Example with Helper Class