With Storefront Blocks you can choose how to display your blocks on Desktop, Tablet and Phones
We’ve now introduced Responsive controls so you can easily 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.
Video walkthrough
Responsive settings
Here’s the settings that come as part of Storefront Blocks. Further on down the page I’ve put together a couple of live demos for you to see.

Live demonstrations
Grid set to have 4 columns on Desktop, 3 columns on a Tablet, and 2 columns on Phone
If you resize your browser window you’ll see how the columns change automatically depending on the dimensions of the browser.
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.