Do you know the latest update of 2022? A overview of our is now available on YouTube

Components

## Media Embeds

Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device.

#### Example

Wrap any embed like an `<iframe>` in a parent element with `.ratio` and an aspect ratio.
The `.ratio-item` isn’t strictly required, but we encourage it.

###### Code Example

    <div class="ratio">
      <iframe class="ratio-item" src="..." allowfullscreen></iframe>
    </div>

#### Aspect Eatios

Aspect ratios can be customized with modifier classes. By default the following ratio classes are available.

Class Reference | Value
--- | ---
`.ratio-{value}` | 21x9 | 16x9 | 4by3 | 1by1

Uses Example

    <div class="ratio ratio-16x9">...</div>

##### Select Your Countryy

- Argentina
- Australia
- Bangladesh
- Canada (English)
- Centrafricaine
- China
- France
- Germany
- Iran
- Italy
- México
- Philippines
- Portugal
- South Africa
- Spain
- Switzerland
- United Kingdom
- United State