What to set as width for iframe (with responsiveness)?

[fredrikaverpil]

I would like to embed some other web content on my mkdocs-material blog using iframe. Something like:

<iframe src="https://27b0fc68-fb63-4e94-a441-26f3f29270ac.pyscriptapps.com/91b04130-fe1c-4ec0-8a50-a3f119099153/latest/" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

However, I should probably set the width, to avoid a funky look:

What's a good way to set the width, but also take responsiveness into account; different widths for different devices/resolutions?

[squidfunk]

I recommend reading how to use a full-width iframe with custom aspect ratio. If you don't need to maintain an aspect ratio, you can drop the surrounding divs mentioned in the article, but it's often desired.