Making Grid Element Fill a Column

[petitshoo]

Hi,

I am having some alignment issues. The layout I am trying to achieve is three columns. The first and last column each have 4 elements in them. I am trying to use a grid in each column to hold these cells. The middle column will have 2 elements (photos) in it. I’d like for all 3 columns to align top to bottom. However, I can’t seem to get the grid inside the column to fill the entire column. Instead it squishes up.

I have attached 2 screenshots. The first shows all the elements in one large grid. This looks great on the desktop version, but completely mixes up on the mobile version. Which is why I’m trying to use columns so that it will flow responsively in the correct order. Is there a way to achieve this?

[tristup]

Hi @petitshoo,

Thanks for reaching out.
I would suggest you to create two different grid one for the desktop version and one for the mobile version. That can be done using the Hide During Breakpoints option under the Customize tab of the element.

Thanks

[petitshoo]

Thanks. That was my backup plan. Just didn’t want to have to edit in two places if at all possible.

[tristup]

Hi @petitshoo,

Regretfully, that is not possible by editing it in one place. I would suggest you go with your backup plan for this.

Thanks