The following demonstration shows the [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.html" class="border-4 border-scale-3" tabindex="-1"></iframe>
</div>

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