Responsive Embeds

To make responsive embeds:

Create two divs
- Outer div with class embed and size class, like embed-wide-screen
- Inner div with class embed-item
Classes for embed sizes:
- embed-ultra-wide - 21:9 aspect ratio
- embed-wide-screen - 16:9 aspect ratio
- embed-standard: - 4:3 aspect ratio
- embed-square - 1:1 aspect ratio
Make sure to remove padding on the outer div and parent elements

On div class="embed embed-ultra-wide"
on iframe class="embed-item"

On div class="embed embed-wide-screen"
on iframe class="embed-item"

On div class="embed embed-standard"
on iframe class="embed-item"

On div class="embed embed-square"
on iframe class="embed-item"

← Previous Next →