Many people will browse your website from a mobile device, and in this case it is crucial to have your feed look just as good on mobile as it is on desktop. One image for all screen resolutions and different devices is definitely not enough. For this purpose, we have the responsive breakpoints setting that allows you to optimize the feed dimensions for various small display screens. You can set as many breakpoints as you need, there is no limit. Responsive breakpoints are defined on Sizes tab. Go to this tab, and press Add Breakpoint. After that specify the window width you need in pixels, set the number of rows and columns that you need, and the gutter value. The responsive breakpoints option is very flexible, so you can set several breakpoints for any screen size, just don’t forget to save the changes you have made. However, here are our recommendations for optimum kinds of breakpoints:
- 1024 (for tablets with landscape orientation) for 3 or 4 columns at best;
- 768 (for tablets with portrait orientation) for you 2 or 3 columns at best;
- 480 (for mobile phones) for 1 or 2 columns at best.