TemplateStyle:RCol.css

/* Responsive column templates */ .rcol { width: 100%; display: grid; column-gap: 15px; } @media only screen and (min-width: 768px) { .rcol2 { grid-template-columns: 1fr 1fr; } .rcol3 { grid-template-columns: 1fr 1fr 1fr; } .rcol4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .rcol5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .rcol6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .rcol7 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } } @media only screen and (max-width: 767px) { .rcol2,	.rcol3,	.rcol4,	.rcol5,	.rcol6,	.rcol7 { grid-template-columns: 1fr; } }