Vertically align two column row

Support
#1

Hi there,

I’m trying to format a blog post. Some of the images are longer than the text, and some text is longer than the images. I would like the post to be responsive, so I’d like to have the rows vertically aligned. I tried adding the css to the the text, to the image, to the row, and to the section, but it does not seem to help. Could you?

Is the URL. Thanks!

#2

Hi There @Pbalazs89

Thanks for writing in! I have checked both of your references links, but it seems both pages are not existing now.

In the meantime, try following this thread here (https://theme.co/apex/forum/t/equal-height-columns-code-not-working/42242) and see if that helps in your situation.

Thanks!

#3

Excuse me, I left it as a draft.
I tried following the guidelines on the page you suggested but adding the css to the section did not do the trick.
Would you mind having a look?

#4

Hi there,

I tried checking the link your provided but I am still getting the same 404 page.

Hope this helps.

#5

Damn. Seems like Yesterday was not my day. :smiley:

Fixed! The URL should work fine now!

#6

Hi There,

Please add the flex CSS class to your row:

After that add this custom CSS:

.flex {
    display: flex;
    align-items: center;
}

If you would like to learn the flexbox CSS, please take a look at this:

Hope it helps :slight_smile:

#7

Thank you!!! Will do!

#8

You’re most welcome!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.