Extra spacing in grid cell

[zenzino]

I have created a single product layout page and I am using a grid element to line up content, especially the two buttons.

Berry Tasty - Balanced Pet

For the grid, I have the grid set to ‘columns: 1fr 2rem 1fr | rows: 5em 1fr 1fr’

The Product title is in the 5em row and the buttons are in the next frame with the flexbox for each cell set at ‘vertical: end’ so the buttons line up at the bottom.

I’m trying to get rid of the space between the product title and the button area but it appears the cell height is not collapsing to the content.

Any help would be appreciated.

[ruenel]

Hello @zenzino,

Thanks for writing in!

Do you want something like this?

Please use this Rows set up instead:

Kindly let us know how it goes.

[zenzino]

Perfect!

That’s exactly what I was looking for.

Thanks, @ruenel

[ruenel]

You are most welcome, @zenzino.