Clashing images - Responsive Help

Hello,

I was wondering if someone could help me…

When my site is viewed on desktop It looks the way I want. Once I start to shrink the width of the browser window to test the responsive behavior the two images collide into each other just before the site snaps into the iPad portrait size.

Is it possible for the section with the iwatch image and text can move over to the left before both images bump into each other?


Here is my public share link: https://preview.webflow.com/preview/fytm?preview=c98265139d55819a26e09af2ea31a2f6

Hi. Using position: absolute; for layout is very “not responsive” approach. You can get the same layout with webflow grid (and add some extra padding or margin for one element offset).

For more complex layout:

For now if webflow breakpoints is not enough for you. You must add manually some code (media Q) (i dont think you should do this for this design)

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.