Update: full changes see 'https://github.com/Constrix/Constrix-offici…

…al-page'

index.html

@@ -57,7 +57,7 @@ <h1 class="text-5xl font-bold">Constrix</h1>
                 an exceptional gaming experience for players in Asia.
             </p>
 
-            <div class="grid grid-cols2 tablet:grid-cols-1 laptop:grid-cols-2 desktop:grid-cols-2 gap-4">
+            <div class="grid tablet:grid-cols-1 laptop:grid-cols-2 desktop:grid-cols-2 gap-4">
 
                 <!-- Open the modal using ID.showModal() method -->
                 <button class="btn btn-accent" onclick="my_modal_1.showModal()">Forum</button>
@@ -127,7 +127,7 @@ <h2 class="text-3xl mb-5 font-bold">Github Source code</h2>
 
     <h1 class="text-5xl font-bold text-center py-10">Server features</h1>
 
-    <div class="grid grid-cols-3 phone:grid-cols-1 tablet:grid-cols-1 laptop:grid-cols-1 desktop:grid-cols-3 gap-4">
+    <div class="grid tablet:grid-cols-1 laptop:grid-cols-3 desktop:grid-cols-3 gap-4">
         <div class="bg-base-200 rounded-lg px-6 py-8 ring-1 ring-slate-900/5 shadow-xl">
             <div>
                 <span class="inline-flex items-center justify-center p-2 rounded-md shadow-lg">
@@ -197,14 +197,14 @@ <h1 class="text-white text-2xl font-bold mt-5 text-center">Server mode</h1>
 <div class="container mx-auto py-5 mt-10 pt-10">
     <h1 class="text-5xl font-bold text-center">Constrix Team</h1>
 
-    <div class="grid grid-cols-3 phone:grid-cols-1 tablet:grid-cols-1 laptop:grid-cols-3 desktop:grid-cols-3 gap-6">
+    <div class="grid tablet:grid-cols-1 laptop:grid-cols-3 desktop:grid-cols-3 gap-4">
         <div class="card bg-base-100 shadow-xl">
             <figure class="px-10 pt-10">
                 <img src="/static/holla.png" alt="holla" class="rounded-full w-20" />
             </figure>
             <div class="card-body items-center text-center">
                 <h2 class="card-title">Holla</h2>
-                <p>A socially isolated person who is excessively devoted to studying CS1.6 and has a more thorough
+                <p class="text-sm">A socially isolated person who is excessively devoted to studying CS1.6 and has a more thorough
                     understanding of the game than of the opposite gender's bodies.</p>
                 <div class="card-actions mt-10">
                     <span class="rounded-full bg-white text-base-300 py-1 p-2 font-semibold text-sm">
@@ -227,7 +227,7 @@ <h2 class="card-title">Holla</h2>
             <div class="card-body items-center text-center">
                 <h2 class="card-title">Fisux</h2>
                 <span class="text-green-600 italic">#! /usr/bin/bash</span>
-                <p class="text-sm ">A Linux user who is passionate about learning computer technology and also enjoys
+                <p class="text-sm">A Linux user who is passionate about learning computer technology and also enjoys
                     playing CS</p>
                 <div class="card-actions mt-10">
                     <span class="rounded-full bg-white text-base-300 py-1 p-2 font-semibold text-sm">
@@ -246,7 +246,7 @@ <h2 class="card-title">Fisux</h2>
             </figure>
             <div class="card-body items-center text-center">
                 <h2 class="card-title">5L5c17</h2>
-                <p>Expert in creating Counter-Strike 1.6 Maps. His interest is ''Go''(Weiqi). A HongKong 5 Dan ''Go''
+                <p class="text-sm">Expert in creating Counter-Strike 1.6 Maps. His interest is ''Go''(Weiqi). A HongKong 5 Dan ''Go''
                     player and Darts player. Welcome to challenge his ''Go'' game.</p>
                 <div class="card-actions mt-10">
                     <span class="rounded-full bg-white text-base-300 py-1 p-2 font-semibold text-sm">