Hey Community, Been having troubles getting this image to span 2 sections. I tried giving it a realtive position but it leaves a huge gap underneath. Attached is a figma screenshot with what id like to accomplish.
Here is my site Read-Only: LINK
1 Like
Wrap the image in a relative parent in the first section, set the image to absolute, and pull it down with a negative offset. Add top padding to the next section so the layout doesn’t jump. Had to use this exact setup on a client build recently.
The Webflow link you shared is set to comment-only, so I’m unable to edit the design. So i have created the structure in HTML format please follow same in webflow.
Start by recreating the structure shown in the first screenshot inside Webflow.
Once the layout is in place, apply the styling shown in the second screenshot.
Following both steps should give you the exact result you’re aiming for.
If you need any further help, feel free to let me know.
and this is the result.
