How would you go about aligning images in seperate columns

Interesting problem I have. Just wondering how most other developers would go about this challenge.

As you can see the last column has two lines of text instead of one which is causing the picture to push down.

How can I approach solving this alignment issue, I’ve tried adding margin and padding to the text or the image. However, I’m not a fan of adding precise amounts of pixels. Wondering if there is a better solution?

You can use the “overflow” setting but when the screen size causes the issue you have it will cut the words off…but still keep just one line of text.
You could go with the marginless columns feature and then add in your own smaller spacing inbetween each box so that you have bigger boxes.
You could move the titles above the boxes and make the columns all the same size. You will still see the two lines and the boxes bumped down but it will be less noticeable.

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