CSS snippets

@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }
}

/* Centre-align the text until it wraps onto more than one line, 
at which point it’s no longer centred. */
figcaption {
  max-inline-size: max-content;
  margin-inline: auto;
}