The following demonstration shows the [Application Header](application-header), [Navigation](navigation), [Menu](menu), and [Attribution](attribution) global elements within the mobile viewport.

<div class="flex justify-center py-6">
  <iframe style="width: {{ this.tokens.screen.small }}; margin: 0 auto" height="628" src="{{ this.baseUrl }}/demos/global-nyc-id.html" class="border-4 border-scale-3" tabindex="-1"></iframe>
</div>

<a href="{{ this.baseUrl }}/demos/global-nyc-id" target="_blank" rel="noopener nofollow">View the global elements demonstration at full screen</a>.