Set max width for container, add images that overflow the max width

Design help General
1

Hi All!

I have an XD file from my client. The design is made to 1920px width.

In the features section, images overflow to the left and right of the 1920px width.

I would like to replicate this in Webflow - but I’m having trouble.

I assume I can set a max width on the div to 1920px. Set this div to relative positioning. Then give the image wrapper an absolute position. However, when I do this - the image goes wherever it wants. Do I need to set a height property on the div?

I use the Finsweet Client First class naming system.

Screen Shot 2023-02-07 at 3.59.07 pm
Screen Shot 2023-02-07 at 3.59.07 pm1920×1194 113 KB

Sorry for the basic question - doing my best! :slight_smile:

Any help would be greatly appreciated. Thanks!

Here is my site Read-Only:

https://preview.webflow.com/preview/co-art-studio?utm_medium=preview_link&utm_source=designer&utm_content=co-art-studio&preview=3c7086a6435f06e7a44e6343597bd7a2&workflow=preview

2

Hi Cameron,
If you set an element to position absolut it will automatically go to the top left of the next parent with a position relativ.

You can then play with the absolut settings to push it to the left and out of the frame.
Make sure to set the Overflow to hidden on your page wrapper to avoid horizontal scroll.

Let me know if that helps. If not I can record a quick loom video for you.

Cheers

3

Thanks very much for your help Julian!

I have had success following your advice. Appreciate it very much!