How can I lock an element to the bottom edge of another element?

Hi there,
I’m working on a website and having some trouble formatting it exactly how I want. My biggest problem right now is that I can’t figure out how to keep this blurb about where we’re accepting new clients, locked to the bottom of the splash image. Here’s an image of what it looks like in the editor under normal circumstances, and how it SHOULD look:

However, at different window sizes, the blurb about accepting new clients shifts below the hero image, or even shifts off screen completely:

Any help would be greatly appreciated!

Here is my site Read-Only: LINK

Do this to your div block that you are aligning to the bottom.

Also remove height from it on your tablet breakpoint.

Usually setting the parent element to relative and the children to an absolute will solve your problem.

1 Like