Site URL: https://www.totemgenekeys.com/totems/kiwi
I'm not a coder, so I'm totally lost with this. I am grabbing media from Reddit and using their 'embed' feature. I copy and pasting the provided iframe code into a Code Block. (When I attempt this with an Embed Block it only returns 'null')
The media does show up but the trouble is, it displays with a width and height formatted for desktop, and is left aligned. I.e. half the video is cut off when viewing on a smaller screen).
I want it to resize when viewing on mobile, and have it be centered on mobile devices.
Sample of the HTML:
<iframe id="reddit-embed" src="https://www.redditmedia.com/r/MadeMeSmile/comments/o12bua/this_kiwi_falling_over_from_excitement_of_finding/?ref_source=embed&ref=share&embed=true" sandbox="allow-scripts allow-same-origin allow-popups" style="width:100%" height="517" width="640" scrolling="no"></iframe>
Beyondspace reacted to a post in a topic:
How do I format embedded video so it's centered when viewing on mobile?
