I’m working on a project where my client wants three boxes to be equal in height when they are all facing the same direction (either all facing front or all facing back). The boxes contain different amounts of content, so their heights are currently unequal.
I tried adding non-breaking spaces ( ) and break tags (<br>) to equalize the heights, but it didn’t work as expected. Due to the design, I can’t use traditional Match Height methods because the boxes have two separate columns inside of a single column, and only one column is visible at a time.
Is there a way to equalize the height of these boxes, taking into account the flipping functionality? Any advice or solutions would be greatly appreciated.
