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.