Stretch Vertically stacked blocks

How To
1

Hello!

I have a container with 4 blocks in it.

On mobile theyre vertically stacked, how can i stretch them, so they all have the same height independent from the content?

On desktop when they are horizontally stacked, i just set the blcok to “align Self - Stretch” and im good to go. Cant figure out how to do that when theyre stacked vertically.

Thanks :blush:

2

hi there!

you can use css-grid to force all items to be the size of the largest element, like this:

%root% {
  display: grid;
  grid-auto-rows: 1fr;
}

Cheers
Suat

1 Like