Whats the best way to make a comparison table

Hi there,

I’d use the core Table block if it’s truly tabular comparison data. That gives you the right semantics and accessibility out of the box.

If you want to build it with GenerateBlocks, I’d use one Grid container, set it to 3 columns, then add each “cell” as an item inside that same grid:

– first 3 items = title/image headers
– next 3 items = row 1
– next 3 items = row 2
– and so on

I wouldn’t create a new 3-column grid/flex container for every row unless each row needs totally different layout behavior. One parent grid keeps the columns aligned, is easier to manage, and avoids a lot of repeated structure.

For mobile, I’d think carefully about whether it should stack. A stacked comparison table can become hard to read unless each value has a label. If side-by-side comparison matters, a horizontally scrollable table may be better.

Hope that helps!