Hello,
I have a Row. I have divided this Row into two. > https://nimb.ws/2mqZp4
I have divided this Row into Inner Rows. > https://nimb.ws/Zw6aW9
Question 1: I want to have headline, text and buttons always at the same height. How is this possible? >> https://ibb.co/2ZFvDcy
I do NOT want to move everything by hand with CSS. That’s messing around for me and only causes problems. I don’t want to do that >> https://nimb.ws/F2hj10
What other way is there to do this? Maybe align the buttons at the bottom and the headlines at the top? Is something like that possible?
Question 2: How can I make the red area the same height as the blue area? I have found a way. With the height of the column. But I don’t want to work with fixed heights because there are problems for responsive. I don’t want to redefine the height for every breakpoint. I don’t want that!!! >> https://nimb.ws/AC3kD1
What other solution is there WITHOUT fixed height?
Hi,
The height of the row or of the columns from a row will be the height of the elements that are placed inside.
One solution to increase the height there, would be to perhaps use an empty space element there, and adjust the height for it until it looks as you want https://prnt.sc/10a49y4
Setting a padding or fixed height would also be fine. Especially since the values can be adjusted per viewport, that is what the options are for. If there are issues on the other viewports adjust the values for them specifically https://prnt.sc/10a4dc9
So if it does not look alright on mobile, set a different height or padding for mobile. You can set 500 height there and another value for mobile for example. Or leave it as it is, if it looks fine.
I suggest experimenting with these suggestions, if possible.
Thank you!
Thank you Simion! I try this.
