Aligning text elements in grid

Design help General
1

Hello,

I’ve been meaning to try and align elements to the bottom, but they seem to stick at the top in the mobile landscape canvas breakpoint, making it look uneven.

This is what it looks like normally, which looks fine:

Screenshot 2022-07-22 at 02.35.27
Screenshot 2022-07-22 at 02.35.271488×700 79.5 KB

But as the longer text breaks as the resolution changes, it pushes the secondary text further down, making it unaligned with its adjacent text:

Screenshot 2022-07-22 at 02.35.32
Screenshot 2022-07-22 at 02.35.321014×614 188 KB

Any way to rectify this?

Here is my site Read-Only.

2

Three things you can do:

  1. Set No-Wrap for breaking
    image

  2. Set a fixed height for the Red Div block and justify space between
    image

  3. Change the font size.

Hope those help!

3

You can also try and use equal height flex boxes - see this guide from Webflow University Equal height layouts with flexbox