Possible to customize youtube embed to fit the size of entire mobile container (no pad)?

Hello Again,

I'm trying to elevate our front page a bit, with a customizable css text for fitting the entire container with no pad for mobile.

Additionally, if there is also any additional way to customize the video embed for desktop view as well, that would be hugely appreciated!

Account is https://followmyth.squarespace.compw: jpsmithx

Thank you,Brian

Should be possible with some custom CSS like this:

@media only screen and (max-width: 960px) {
       .video-block {
           width: 99vw;
           padding: 0 !important;
       }

       .pageWrapper {
           margin-left: 0 !important;
           margin-right: 0 !important;
       }
}

That will remove the margin/padding from both the video block and the page wrapper, and set the video block to nearly the full width (I noticed that 100vw seemed to go beyond the screen width). You can also adjusted the rule's dimensions to accommodate larger screens like iPads and desktops if you want.

thank you so much @sandwichcomputer

I'm trying to find a css code to modify the video-block slightly, and just move it a hair over to the left, so it's touching the left-side wall (and giving more space on the right-side) This would all be for mobile

If you have any ideas, I would truly, truly appreciate it!

https://followmyth.squarespace.compw: jpsmithx

Brian