Change columns on Desktop, Tablet and Phones

We’ve now introduced Responsive controls so you can change the number of columns on Desktop, Tablet and Mobile phone. Here’s a video that shows this in action. Further on down this page, I’ve built some live demos.

Live demonstrations

If you view on a mobile device (or resize your browser window) you’ll see how the columns change automatically depending on the dimensions of the browser.

Grid set to have 4 columns on Desktop, 3 columns on a Tablet, and 2 columns on Phone

Grid set to have 3 columns on a Desktop, 2 columns on Tablet and 1 column on a Phone

If you resize your browser window you’ll see how the columns change automatically depending on the dimensions of the browser.