Hey everyone! I started getting into Webflow recently, my main job is a designer and self-taught with HTML/CSS so I have some knowledge.
I started a project where I have the following layout planned out. The images on the left are product screenshots and they’re laid out in an overlapping manner with the Header and Body text directly to the right. In smaller breakpoints, the images would be above the text.
I tried playing around with this in Webflow directly and the only way I could keep the orientation was setting the positioning to Relative and manually adjusting the space around it to get it in the right place and working with z-index to make sure it’s in the right arrangement, but it doesn’t seem practical to manually adjust this with every breakpoint, it’s just bound to go all wonky. Is there a better way to do this? Here’s the file I’m working with.
Would really appreciate some advice here from those who have experience working with this layout!