Iframe not respecting the container it is in

Hi,

I have an iframe where you show some map. No matter what width I use, it is always overflowing the container it is in. And that is not a problem on desktop but on mobile devices it really sucks.

Anyone know how to deal with this?

I want it to follow the container it is in.

https://preview.webflow.com/preview/raas-eeb0e3?utm_medium=preview_link&utm_source=designer&utm_content=raas-eeb0e3&preview=0758370d6c65772250a1d5b70586a41c&pageId=65bab9437773bceaa86f7050&workflow=preview

Your iframe is specifying a fixed width and height.

Yes true, but when I change it to for example to %. It doesn’t really solve it as well.

Typically I’d set it to 100% 100% and then size the embed container responsively in the designer.