Simple Issue HTML Resizing

[PapayaDude]

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.

[QwertyQwerty88]

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:

How to share your code

To share your code with others, you can simply link to your repl or paste and format the code into your post! Linking to a repl The easiest way to share your code is by linking to your repl. You can find the link by clicking on your repl title, clicking on Cover page, and clicking the button to copy the URL. NOTE: only share repl join links or use the invite button with people you trust! Sharing short code samples Share a snippet of your code by wrapping it in backti…

[PapayaDude]

Update Not Solved Yet

[OwenStritz]

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

[PapayaDude]

I completely forgot about that thank you

[savardo]

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.

HTML:

<iframe class="full" src="https://example.com/link/to/website"></iframe>

CSS:

body: {
    margin: 0;
}

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