Aligning text elements in grid

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:

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

Any way to rectify this?


Here is my site Read-Only.

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!

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