Documentation navigation

Essentials

Images & Embeds

Add media to documentation pages without breaking responsive layouts.

Responsive media

Images should scale within the page body and preserve readable spacing on mobile.

Documentation cover image

Documentation cover image

A responsive image example using public Nuxt artwork as a safe external placeholder.

mdcmdc
![Nuxt Social Image](https://nuxt.com/new-social.jpg)

Embeds

Embeds and iframe-like surfaces should keep a stable aspect ratio and avoid overflowing the docs column.

Video embed placeholder

A local aspect-ratio frame demonstrates how video or product demo embeds fit the docs column.

mdcmdc
:iframe{src="https://www.youtube-nocookie.com/embed/..." title="YouTube video player" style="aspect-ratio: 16/9;"}