Streaming live at 10am (PST)

Align issues with multiple lines of text + button height


#1

Hello,

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.

https://preview.webflow.com/preview/styleeeeeeeeeeee?preview=6463b474a5453a6df55e1f703bd59b92

Thanks in advance,
Matt


#2

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


#3

Hello,

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.

Thanks


#4

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