How do you make 2 elements overlapping each other like this?

chauminh7393 · 2022-08-12T08:13:34.824Z

On the left is a video element and on the right is group of text

anthony.viel · 2022-08-12T08:24:38.869Z

@chauminh7393 i think this is an image. (You can do right-click on that element & inspect, it will show you whether it’s a text with any style is involved or it’s an image).

Screenshot 2022-08-12 at 10.21.55

chauminh7393 · 2022-08-12T08:33:22.485Z

I inspected it. Its actually text

viquarahmed07 · 2022-08-12T08:54:02.344Z

Hi @chauminh7393

anthony.viel:

I am not sure how to do this
But you can definitely overlap the 2 elements (Make parent group layout to “Align to parent”).
For example:-

Screenshot 2022-08-12 at 10.52.451762×333 51 KB

Screenshot 2022-08-12 at 10.53.07858×502 31.7 KB

Screenshot 2022-08-12 at 10.53.22871×344 26.8 KB

chauminh7393 · 2022-08-13T03:33:56.659Z

I was able to do it. Thank you tho!!!

nocodeventure · 2022-08-13T14:54:44.794Z

Easiest way is to put them inside a row. Then on the left image, give it a negative margin. You should see it move to the right.

You’ll have to tweak the margins on mobile view though to make it work nice.

Using anything other than a row will just make it difficult for you to make it responsive. Inside the row you can have the left group set to align to parent to center the image.

system · 2022-10-21T08:14:06.983Z

This topic was automatically closed after 70 days. New replies are no longer allowed.