I forgot I was the one who originally requested this a year ago. So happy with the implementation. As usual, as smooth and silky as everything the team does.
Two thumbs up from me, @Louis
1 Like
Yes, the new Grid Builder is excellent - great that you can switch between modes and specify areas. Also great that it is so easy to re-order grid items. The care and attention that has gone into the implementation is clear when you use it.
Thank you @Louis.
1 Like
This is fantastic.
The new grid builder is excellent. Now we can build a grid layout without using the column block. Instead, use the div.
1 Like
Thank you for pointing this out, @Tahor.
Indeed, with 1.3.1, you can apply CSS grid to any block and build your grid layout visually with the Grid Builder.
Thank you for the kind words @owynter, @StrangeTech and @jornes 
1 Like
Hi @Araminta
However, I think it would be great if we had the option for grid-column and grid-row. Currently, there are only column-start, column-start, row-start and row-end only. Offering more fields for the grid items will be great. I am talking about the inner grid items.
This
<div> <-- main grid
<div></div> <--grid items(this)
<div></div> <--grid items(this)
<div></div> <--grid items(this)
<div></div> <--grid items(this)
</div>
For better understanding, I provided a screenshot.
These two fields are needed because not all grid items are required to be styled with the grid editor.
Hi,
grid-column and grid-row are shorthand properties: grid-column - CSS: Cascading Style Sheets | MDN
They are not missing from the editor because you can find them in grid-column-start, grid-column-end, grid-row-start and grid-row-end.
Best regards,
Johnny
1 Like
Hi @JohnD Thank you! I’ll study further to clarify.