Simple Issue HTML Resizing

I’m in need of being able to make it so that when my window is scaled down not zoomed out that the embeds will then shrink down and this way I can keep things the way that they currently look and behave. Kind of a lazy fix for mobile and smaller screens but it would help a lot.

Hey, @PapayaDude welcome to the forums!

Can you please provide a link to the repl? This way it is easier for staff and members of the community to help you!

Also see this guide on how to share your code:

Update Not Solved Yet

i dont know for sure but from what I can tell is that you can set them width/height to a percentage or possibly flex or grid

1 Like

I completely forgot about that thank you

If you don’t know how to do it, you can create a class that allows the element to be resized to the window’s width and height and set the body’s margin to 0.


<iframe class="full" src=""></iframe>


body: {
    margin: 0;

.full {
    width: 100vw;
    height: 100vh;