Stop columns from being staggered vertically

[diatonicnerds]

I have a column in 1/4s section on my site that should theoretically be all horizontally aligned. It should just be four clickable images in a row with space between them. However, as you can see in the attached image, they are staggered and different heights and I can’t figure out why.

Here is the site in question, it is the context in the second tab. Thanks for any help you can give me!

[thai]

Hi @diatonicnerds,

There are some br tags in your tab content. When you put the column shortcodes to the tab content, you should not add them in new lines:

[column type="1/2"] Place your content in here. [/column] [column type="1/2" last="true"] Place your content in here. [/column]

It should be like this:

[column type="1/2"] Place your content in here. [/column] [column type="1/2" last="true"] Place your content in here. [/column]

There is also an alternate solution to remove the br tags in your tab content:

.x-tab-pane br {
    display: none;
}

Hope it helps

[diatonicnerds]

Oh wow, that was obvious. Sorry I totally missed that, thank you!

[friech]

You’re more than welcome, glad we could help.

Cheers!