In a two column row, how to keep column A aligned in the center as column B expands

[Adamjaweed]

So i have two columns on my webpage, the first is a headline, paragraph and button, while the second is an accordion. I’d like to keep Column 1 directly center of column 2 as accordion items expand, is there any CSS that could make this happen?

[mldarshana]

Hi Adam,

Thanks for writing in! Could you please try following the instructions below and see if that helps.

First you can add your elements in two Columns as normally you would do.

Then click on the Row that resides both of your Columns.

Head over to Row -> Customize and add the following CSS rule into it’s Element CSS area.

$el {
    height: auto;
    display: flex;
    align-items: center;
}

Then it should align properly when you expand your accordions.

Hope that helps.

[Adamjaweed]

@mldarshana

$el {
height: auto;
display: flex;
align-items: center;
}

worked like a chamr thank you so much

[paul.r]

You’re welcome!