Streaming live at 10am (PST)

Absolute Positioned Image over Image - Responsive Problem


#1

Hey!

So I’ve got a website, where I used an absolutely positioned image inside another image. When resizing, that image doesn’t rezise nicely and I’m without solutions how to somehow fix that.

You can see it here - just resize window to like 600px. http://debugcopy.webflow.io

Link: https://preview.webflow.com/preview/debugcopy?utm_source=debugcopy&preview=c51ea2b3dee43360a5d5b4b8d327915e


#2

Hey @maartin

In order for the two images to remain in relationship and responsive is to use % for the sizing and positioning.

Here are the settings I use in the styles panel in desktop breakpoint for the screen overlay image. Click to enlarge. These settings cascade down to the lower breakpoints and keep it all together.

Hope that helps. Happy designing!