📱 Fix responsive

democraftmc · Dec 5, 2024 · 7d55273 · 7d55273
1 parent 2710dbc
commit 7d55273
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/pages/forum/index.astro b/src/pages/forum/index.astro
@@ -5,11 +5,11 @@ import Layout from "../../layouts/Layout.astro";
 <Layout title="Forum">
   <div class="bg-base-100 p-4 pt-10">
     <div class="flex max-sm:flex-col gap-4 w-full">
-      <div class="w-3/4">
+      <div class="md:w-3/4">
         <div class="grid grid-cols-1 gap-y-4 m-4">
           <h2 class="text-4xl font-bold relative align-middle">
             Serveurs
-            <span class="absolute right-0 text-xl font-normal"
+            <span class="md:absolute right-0 text-xl font-normal"
               >Les différents mondes de DEMOCRAFT</span
             >
           </h2>
@@ -39,7 +39,7 @@ import Layout from "../../layouts/Layout.astro";
         <div class="grid grid-cols-1 gap-y-4 m-4">
           <h2 class="text-4xl font-bold relative align-middle">
             Serveurs
-            <span class="absolute right-0 text-xl font-normal"
+            <span class="md:absolute right-0 text-xl font-normal"
               >Les différents mondes de DEMOCRAFT</span
             >
           </h2>
@@ -69,7 +69,7 @@ import Layout from "../../layouts/Layout.astro";
         <div class="grid grid-cols-1 gap-y-4 m-4">
           <h2 class="text-4xl font-bold relative align-middle">
             Serveurs
-            <span class="absolute right-0 text-xl font-normal"
+            <span class="md:absolute right-0 text-xl font-normal"
               >Les différents mondes de DEMOCRAFT</span
             >
           </h2>
@@ -98,7 +98,7 @@ import Layout from "../../layouts/Layout.astro";
 
       </div>
 
-      <div class="w-1/4">
+      <div class="md:w-1/4">
         <div class="card bg-base-200">
           <div class="card-body flex flex-row items-center">
             <img class="rounded-lg h-16 w-16" src="/avatar.png" alt="Shoes" />