From 280fdec3309c24f5e854add3b4e06136905d4132 Mon Sep 17 00:00:00 2001
From: tylerslaton <mtslaton1@gmail.com>
Date: Thu, 14 Mar 2024 13:56:21 -0400
Subject: [PATCH] fix: adjust styling for screen sizes

Signed-off-by: tylerslaton <mtslaton1@gmail.com>
---
 src/pages/[...slug].vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/[...slug].vue b/src/pages/[...slug].vue
index 5fd5f37..59c9442 100644
--- a/src/pages/[...slug].vue
+++ b/src/pages/[...slug].vue
@@ -1,7 +1,7 @@
 <template>
     <div> 
-        <div v-if="!error.status && !loading" class="flex">
-            <div class="prose my-28 mx-auto px-20 w-max">
+        <div v-if="!error.status && !loading">
+            <div class="prose my-28 mx-auto px-20 w-full md:w-3/4 lg:w-1/2 max-w-full">
                 <header class="mb-10">
                     <h1 class="mb-0">{{ header }}</h1>
                     <a :v-if="!isSysTool" :href="`https://${reference}`" target="_blank" class="text-blue-500 underline">{{ reference }}</a>