Align issues with multiple lines of text + button height


hopefully someone can help me, Its being doing my nut in!

I have a design issue with having 3 boxes with text in, sometimes the text will appear on 1 line or sometimes 2 lines which makes the buttons different heights. How can I make the button the same height regardless of how many lines of text there is but still being responsive.

Thanks in advance,

Hi @Matty! You can set a height to your button so it won’t move.


Thanks but that didn’t seem to do anything?

The issue is not the size of the buttons, but in fact all of the buttons aren’t inline because some text is on 1 line other is on 2.


Oh I get it now! So you have to make your information div block display flex with the settings bellow and give it a height of 130px

Here’s the result