Embeds

Aspect-ratio wrappers for third-party embeds, native video and maps.

Overview

Three containers that reserve their aspect ratio before the content arrives, and stop at the container.

Embed

A responsive container for third-party embeds, holding an aspect ratio so the page does not reflow.

Video

A wrapper for a native video, positioning the optional pause control an autoplaying video needs.

Map

A Leaflet map container, and where Leaflet's own stylesheet belongs in the layer order.