javascript – Is there a way to make iframe embeds more responsive?

so I’m somewhat new to front-end development and took it upon myself to learn it through trial and error but it seems as if I’ve hit a dead-end recently. I’m trying to position two google embeds (Google maps & forms) side-by-side but that only lead to having awkward aspect ratios between the two. My question is how can I align two iframes (Google maps & forms) embed inside of a container to have them display side-by-side when they’re on a desktop and vertically on mobile while maintaining a comfortable aspect ratio(responsive width and height) to the user?

Here’s what I have so far:
enter image description here

enter image description here

Source link

Latest articles

Related articles

Leave a reply

Please enter your comment!
Please enter your name here