Boxed content in same height but still responsive

Hi guys,

I have a question: on a new website project we plan on using boxed content as shown in the screenshots.
We currently have done this by using a 3 column layout and placing classic element and giving that a border and padding to the inside.

Since X and the bootstrap columns (3 columns beside eachother) are sizing the height of the boxes according to content length, we have different looking boxes depending on copy length.

Is there a possibility to have the height for all boxes in a row the same AND keep the responiveness?

Looking forward to your reply!

Thanks and best
Lutz

Hey Lutz,

You can try the snippet posted here or insert display:flex; flex-wrap: wrap; to your row.

Hope that helps.

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