flex column commands on mobile

index.html

@@ -151,7 +151,7 @@
       url: 'https://youtube.com/feed/subscriptions',
     },
     '?': {
-      name: 'README.md',
+      name: 'README',
       url: 'https://read.xvvvyz.xyz/xvvvyz/tilde/main/README.md',
     },
   };
@@ -199,14 +199,13 @@
 <template id="commands-template">
   <style>
     .commands {
-      align-items: center;
       display: flex;
-      flex-wrap: wrap;
+      flex-direction: column;
-      justify-content: center;
       list-style: none;
       margin: 0 auto;
       max-width: 54rem;
       padding: 0;
+      width: 100vw;
     }
 
     .command {
@@ -229,6 +228,14 @@
     .name {
       color: var(--color-text);
     }
+
+    @media (min-width: 54rem) {
+      .commands {
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: center;
+      }
+    }
   </style>
   <nav>
     <menu class="commands"></menu>