Minor CSS fixe

static/styles/app-cards.css

@@ -6,7 +6,12 @@
 }
 
 .app-card {
-  text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 10em;
+  height: 10em;
   padding: 1em;
   border-radius: 0.5em;
   font-weight: 700;
@@ -46,5 +51,5 @@
 }
 
 .app-card > span {
-  font-size: 4em;
+  font-size: 6em;
 }

static/styles/app.css

@@ -48,3 +48,10 @@
   transform: scaleY(1);
   transform-origin: top;
 }
+
+@media screen and (max-width: 1024px) {
+  #app {
+    grid-template-rows: auto 1fr;
+    grid-template-columns: none;
+  }
+}