I am working on my Landing Page challenge and have run into some issues with making my video responsive.
The solution online that keeps coming up is using aspect ratio (52%) and using positioning of absolute and relative.
For now I have left this in the markup in html rather than CSS so its easier to see. The Issue is, when scrolling up the video, and the elements below the video scroll up and over my header, which is set to sticky, so in fact I end up with a reverse sticky which is not a solution for me.
The only other way I can make the video responsive is just adding a width of 100% or max-width 100% however this does not take advantage of the full width of a mobile device (adds margins, centers) and looks too small. IT also adds a large amount of space above and below the video if I try and make it responsive this way.