Cards!

frontend/app/app.vue

@@ -4,9 +4,8 @@
   <div class="app-root" :class="{ 'zh': locale === 'zh' }" :data-lang="locale">
     <AnimatedBackground />
     <NuxtRouteAnnouncer />
-    <div class="container">
-      <NuxtPage />
-    </div>
+    <NuxtPage />
+  
   </div>
 </template>
 
@@ -32,22 +31,12 @@ useHead({
 onMounted(() => {
   setupTheme()
 });
+
 </script>
 
 <style lang="scss" scoped>
-.container {
-  align-items: stretch;   /* make items grow horizontally to fill container */
-  margin-bottom: 30px;
+.app-root {
   display: flex;
   flex-direction: column;
-  padding-left: 20px;
-  padding-right: 20px;
-}
-
-@media screen and (max-width: 600px) {
-    .container {
-        padding-left: 12px;
-        padding-right: 12px;
-    }
 }
 </style>