The Image Gallery automatically defines an item size based on the extension's size and provided table settings. Changing the extension's size (e.g., by window resizing) recalculates the item size.
In Table layout mode, the Image Gallery calculates the number of items displayed on a single page according to the specified table dimensions (RowsPerPage and ColumnCount properies). If an end-user changes the page size using the pager UI, it affects the number of rows. The number of columns can be changed only programmatically.
In Flow layout mode, items flow one after another to fill the available area in the best possible way.
In this mode, the Image Gallery reorganizes its data items according to custom layout scenarios for different browser widths. It allows you to display, for example, three items in a row for smaller screens and five items in a row for larger screens.
This functionality is based on specifying the browser widths (breakpoints) at which the Image Gallery shifts and resizes its items.