WP 6.6 Grid Block - Column compatibility

[Justinabes007]

Grid Block Compatibility issues

With the new version of WordPress and the introduction to Grid block for improved layout and full-width layouts, we have encountered some core or theme compatibility issues.

Columns

Currently, both the Editor & Front-end don't include options or apply the correct CSS to display columns correctly within the Grig Block, causing layout display inconsistencies.

Columns and information within them should align correctly as per the below screenshot.

Currently, they display inconsistently.

[Justinabes007]

The Grid block in WordPress and LSX Design is designed to handle its own row and column configurations, and adding a Column block inside the Grid block can cause unexpected behavior. Here are a few steps to address this:

Steps to Resolve

Identify and Remove Column Block:

1. Locate the instances where the Column block is used inside the Grid block.
2. Remove the Column block and utilize the Grid block's built-in row and column settings instead.

Screenshot of Grid Layout section to set number of Columns:

Each Block within the Grid block will then be used as a Column.
With this, each Block will also have Grid Block settings to control the Row span

Closing issue, no PR necessary.