🤔 How to?: Combine an image with a text component (w/ video)

[Himaladin]

The two images I loaded above are desktop views using containers.
Using an overlay with a background image may encounter issues in responding to various user screen sizes. I recommend the second method, which is drawing with CSS. However, this will require simplification and cannot fully replicate your graphics.
See how it work.

How to Maintain Container Layout on Mobile Devices

Seeing a desire to maintain a container layout that is not responsive to mobile devices, you can still achieve this through the “grid-template-columns” code. Here’s the code you need to add to your application’s custom CSS: .grid-container .oneToOne { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .grid-container .oneToOne > div > div { justify-content: initial; } Note: class name is grid-container [Screenshot 2024-05-03 at 08.09.15] [Screenshot 2024-05-03 at 07.52.33]