I’m building the landing page and added a youtube video which happens to respond to browser width. To maintain the aspect ratio, I gave
padding-bottom: 56.25%;. Now this is adding a lot of gap between video frame and the component sitting below. Also I do not want the video to go full size in full size browser window hence gave the video frame a fixed width when browser goes above 600px.
Here is the code https://codesandbox.io/s/landing-page-fcc-jbb89
Is there a way to maintain the responsive video design without creating a wide gap between video and other elements around it?