update

app/pages/about.vue

@@ -23,3 +23,47 @@ const { data: content } = await useAsyncData(route.path, () => queryCollection("
     </div>
   </div>
 </template>
+
+<style scoped>
+@media (max-width: 767px) {
+  .container {
+    padding-left: 0.5rem !important;
+    padding-right: 0.5rem !important;
+    max-width: 100vw !important;
+  }
+  .flex.gap-8 {
+    flex-direction: column !important;
+    gap: 1.5rem !important;
+  }
+  .prose {
+    word-break: break-word;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    white-space: normal !important;
+    line-break: auto;
+    hyphens: auto;
+    font-size: 1.05rem;
+  }
+  .prose p,
+  .prose ul,
+  .prose li,
+  .prose h1,
+  .prose h2,
+  .prose h3,
+  .prose h4,
+  .prose h5,
+  .prose h6 {
+    word-break: break-word;
+    white-space: normal !important;
+    line-break: auto;
+    hyphens: auto;
+  }
+  main.prose {
+    width: 100% !important;
+    margin-top: 1.5rem !important;
+  }
+  aside.w-1\/3 {
+    display: none !important;
+  }
+}
+</style>