I’m looking to put text on top of a square 1:1 aspect ratio image that scales across viewports. I’m trying to do this by using a 50/50 grid and putting a background image in each container with a Headline for the text overlay.
I made a quick video to explain my challenge and what I’ve been trying so far.
Basically, I’m running into some issues with the horizontal padding on desktop and the vertical padding on mobile.
Please let me know if you have any questions.
Thanks in advance for any insights or specifics you might have to share!