I'm trying to center a video on this page, but I'm not having much luck.
In an ideal world, the video would sit in the middle of the chalkboard, but i think at this point I'd just be ecstatic if the video was centered and a tidbit smaller.
Any help/suggestions would be greatly appreciated.
@Jlawal - Yea, it is very difficult to add foreground content based on the position of background content since the position of the background changes based on screen size. So, your video is offcenter because the wrapper has 100px padding on the left side, just add 100px to the right side to balance it out. Here's code and screenshot to help out:
Now, if you want to attempt to keep that video center on the chalkboard, you will have to painstakingly add background-position based on many screen sizes. Something like this:
@Jlawal - Yea, it is very difficult to add foreground content based on the position of background content since the position of the background changes based on screen size. So, your video is offcenter because the wrapper has 100px padding on the left side, just add 100px to the right side to balance it out. Here's code and screenshot to help out:
Now, if you want to attempt to keep that video center on the chalkboard, you will have to painstakingly add background-position based on many screen sizes. Something like this:
This page is an example of 2 videos side by side using a responsible table.
The code usually goes like this, where AAAA would be the code of your first youtube video and BBBB the second one. Now, if you want to have margings and space between them you can add more span sections. Just remember to make them all add to 12.
6-6
4-4-4
1-5-5-1
1-4-2-4-1
and so on.
If you just want to have one centered video per row, you can just create 1-10-1 or 2-8-2 rows.