Grid Sizing

The Grid Sizing Panel is a feature of the Advanced Grid Builder plugin that allows you to customise the size, shape, and the way your grid cells adjust to different screen sizes, also known as their ‘responsive behaviour’.

With the Grid Sizing Panel, you can adjust the dimensions of these cells to suit your specific needs. This could involve changing the size of the cells to better accommodate the content they contain, or altering their shape to create a more visually appealing layout.

In addition to this, the Grid Sizing Panel also allows you to configure the ‘responsive behaviour’ of your grid. This refers to how the size, shape, and gaps between the grid cells adjust or ‘respond’ to different devices and screen sizes. For example, you might want your grid cells to be larger and more spread out on a desktop screen, but smaller and closer together on a mobile screen.

By configuring the Grid Sizing Panel, you can ensure that your grid looks great and functions well on all devices, providing a positive experience for all your site visitors, regardless of how they’re accessing your site.

The height of each cell in your grid is primarily determined by the length of its content. Title and content elements can have varying lengths that produce cells with uneven sizes. For some layouts such as our cards preset, having an uneven size produces a desired effect. However, for other layouts, you might prefer all […]

The cell layout settings in the Advanced Grid Builder plugin allow you to customise the appearance of your grid. These settings control the size and number of columns in your grid at each responsive breakpoint, as well as the direction in which it fills. A responsive breakpoint is a point at which the layout of […]