Streaming live at 10am (PST)

Clashing images - Responsive Help


#1

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


#2

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)


#3

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