From 1f16fc90d34a4c94ebf81aa2cb8c4c8680300c74 Mon Sep 17 00:00:00 2001
From: Gabriel Cozma <me@gabs.eu.org>
Date: Mon, 5 Aug 2024 14:31:43 +0300
Subject: [PATCH] cleanup: more responsive on smaller screens

---
 src/views/NotFoundView.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/NotFoundView.vue b/src/views/NotFoundView.vue
index 90462c2..599119f 100644
--- a/src/views/NotFoundView.vue
+++ b/src/views/NotFoundView.vue
@@ -6,8 +6,8 @@
             <p class="mt-4">The page you are looking for does not exist.</p>
         </div>
     </section>
-    <section class="text-center mt-10 flex gap-6 flex-col w-[50%] mx-auto items-center justify-center">
+    <section class="text-center mt-10 flex gap-6 flex-col lg:w-[55%] mx-auto sm:w-full items-center justify-center">
     <img src="https://i.imgflip.com/6pvb0b.png" alt="404" class="rounded-xl w-[85%]">
-    <a href="/" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-6 w-[20%]">Go Home</a>
+    <a href="/" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-6 sm:w-[50%] md:w-[30%] lg:w-[20%]">Go Home</a>
     </section>
 </template>