ok i've got a set layout: https://mnsoleart.neocities.org/3d-art/mushroom/index.html
but i'm having trouble with the width of the iframes/embeds, especially the sketchfab ones.
originally these are 800px in width and height. i need to set a max-width property so that it doesn't go beyond the screen width in smaller screens. but if i set a max width rather than a set width, the embeds on PC look squashed/rectangular/not 800px in width and height.
@gamemakingtools thank youuu of course i chose the hardest stuff to begin with my webpage. incredibleaux
@gamemakingtools what, really? i thought i commented those out! you mean the height:800px and whatnot after the iframe tag right? or is there another thing in the iframe tag i'm not seeing? x_x
@solziggurat I meant stuff that only shows up once the embeds load, but I was wrong anyway~
* * * * * * * * * * * * * * * * * * * * * * *
Got it working following this:
https://www.probewise.com/blog/iframe-responsive-youtube-embed/
Feels a bit hacky, but it works. Works fine with the dimensions removed as you have it now.
Here's the document I was was working with:—
https://ryliejamesthomas.net/shared/mushroom_warrior/mine.html
https://ryliejamesthomas.net/shared/mushroom_warrior/
—you might find it interesting to look at, I rewrote the html to use different elements instead of the divs
@gamemakingtools oh my god bless you!! i'm going to look at this whenever i get some free time. rly thank you for taking the time to change the code and everything!!! 💖
@solziggurat Hey no worries. Once I realised I didn't actually know a quick solution it became something I wanted to learn for myself too.
@solziggurat first guess is it's the html in the iframe that's fighting you. they're setting widths in there too.