feat(page): adapt demo to small screen viewports

src/components/SongNav.vue

@@ -89,4 +89,16 @@ const theme = inject('songTheme')
   color: var(--song-primary);
   border-color: var(--song-primary);
 }
+
+@media (max-width: 640px) {
+  .song-nav {
+    gap: var(--song-space-4);
+    padding: 0 var(--song-space-4);
+    overflow-x: auto;
+    white-space: nowrap;
+  }
+  .song-nav__item + .song-nav__item::before {
+    left: calc(-1 * var(--song-space-2));
+  }
+}
 </style>

src/components/SongTable.vue

@@ -56,4 +56,12 @@ defineOptions({ name: 'SongTable' })
 .song-table__alt {
   background: rgba(58, 74, 82, 0.025);
 }
+
+@media (max-width: 640px) {
+  .song-table {
+    display: block;
+    overflow-x: auto;
+    white-space: nowrap;
+  }
+}
 </style>