Correctly layout text and Image on background video

I’m having an issue laying out both text and a logo on a background video. It honestly could be just that I’ve been working on this project all day and I’m missing something obvious.

The client wants the text to the left and the logo to the right, aligned to each other on the bottom (desktop and tablet view). For mobile, they want the text above the logo, along the left side of the background video. I’ve attached sketches for reference.

Did you tried use a parent div set as flexbox to control the position of the text and video? You just need to set the parent div to vertical on the mobile version.

I haven’t yet. I’ll give that a try!

1 Like