Bottom align image blocks

Site URL: https://www.maryloudesign.com/

I have what seems like a really simple issue.

I am putting image blocks alongside each other and would like them to fill the block content, so that the bottom of the image blocks align. I have a client that does high end interior design and they are understandably particular about things lining up.

Here are some examples of where the image blocks don't line up, even when images are same height.

https://www.maryloudesign.com/family-home-lindfield-sydney

https://www.maryloudesign.com/lobby-renovation-mosman

https://www.maryloudesign.com/urban-oasis-mosman

Any tips?

5 hours ago, trinayj1 said:

Site URL: https://www.maryloudesign.com/

I have what seems like a really simple issue.

I am putting image blocks alongside each other and would like them to fill the block content, so that the bottom of the image blocks align. I have a client that does high end interior design and they are understandably particular about things lining up.

Here are some examples of where the image blocks don't line up, even when images are same height.

https://www.maryloudesign.com/family-home-lindfield-sydney

https://www.maryloudesign.com/lobby-renovation-mosman

https://www.maryloudesign.com/urban-oasis-mosman

 

Any tips?

These are similar height, but their width/height ratio is vary, so the columns distribution may not good enough make get them display evenly. I suggest you crop them properly in same width/height ratio such as 2:1 or 1:1 images or use gallery section instead