Responsive design aims to ensure that a web page will display well at any screen size.
The LGD Callanish theme’s Tiles design feature, with its column layout, adjusts fluidly to different screen widths. As columns become too narrow, the number of columns is reduced.
When Grid Balance is enabled, it ensures that the final row of Tiles is full, with no empty space. This is achieved by making some Tiles span two columns. And this automatically adjusts as the number of columns changes.
In the example above, to balance seven tiles in a three column grid, Tiles One and Four span two columns. As the screen width reduces, the number of columns is cut to two, and only Tile One is required to span two columns to achieve a balanced grid. At even narrower screen widths, the layout drops to a single column.