Thank you. I'll try to make my own plugin for it.
Centering HTML object
I'm using the HTML widget to display HTML5 video on the top-right portion of my forum. However, when the browser-width decreases to something like a tablet, and the bootstrap column is switched to a row, the video is not centered. I've tried adding `style="margin-left:auto; margin-right:auto;text-align:center;" to my <video> tags.
Any other way to center it in the tablet/phone display size?
@Guiri Use percentage rather than pixels. Set your width to 96%, then your left and right margins to 2% each. Then set your height to something that looks ok on your sidebar. As most will just full screen on tablet, so doesn't matter on the height there.
You also don't really need a max-width as it will just fill the sidebar container.
Copyright © 2023 NodeBB | Contributors