Responsive YouTube videos med Flexbox

Det samme princip gælder for indlejrede Google maps, blot med lidt justerede værdier i css.

Sections, divs osv. er her synliggjort med stiplede linjer, og med padding & margin.

Det behøver man selvfølgelig ikke i en rigtig webside.

A: Når der kun er én video

struktur tegning 1

B: Når der er 2 eller flere videos

struktur tegning for 3 videos

C: Uden demo-padding og -borders..

.. og her med filter:drop-shadow(5px 5px 5px #333); og lidt margin på den midterste af de 3 videos med :nth-child(2)