deploy: caa2618

joinfirefly · Jul 19, 2024 · 816aa3a · 816aa3a
1 parent 279d8cb
commit 816aa3a
Showing 1 changed file with 18 additions and 19 deletions.
diff --git a/index.html b/index.html
@@ -83,25 +83,24 @@ <h4 class="text-xl font-bold mb-2">Open Source</h4>
                 </div>
             </div>
         </section>
-        <section id="getting-started" class=" mx-auto px-40">
-            <h3 class="text-3xl font-bold text-center mb-8">Start using Hol0</h3>
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
-                <div class="bg-white p-6 rounded-lg shadow text-center">
-                    <i class="ti ti-user text-blue-500 text-4xl mb-4"></i>
-                    <h4 class="text-xl font-bold mb-2">For Users</h4>
-                    <p class="text-gray-600">Join the Hol0 public server!</p>
-                    <br>
-                    <a  class="bg-gray-500 text-white px-6 py-3 rounded-full shadow hover:bg-blue-600" tabindex="-1">Comming Soon</a> <!-- bg-blue-500 href="https://join.hol0.dev/servers" Learn More -->
-                </div>
-                <div class="bg-white p-6 rounded-lg shadow text-center">
-                    <i class="ti ti-settings text-green-500 text-4xl mb-4"></i>
-                    <h4 class="text-xl font-bold mb-2">For Admins</h4>
-                    <p class="text-gray-600">Check out our guide on how to build a Hol0 server.</p>
-                    <br>
-                    <a href="https://docs.hol0.dev/for-admin/getting-started"
-                        class="bg-green-500 text-white px-6 py-3 rounded-full shadow hover:bg-green-600">Learn More</a>
-                </div>
-            </div>
+        <section id="getting-started" class="mx-auto px-4 sm:px-6 lg:px-8">
+    <h3 class="text-xl sm:text-2xl md:text-3xl font-bold text-center mb-8">Start using Hol0</h3>
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+        <div class="bg-white p-4 sm:p-6 rounded-lg shadow text-center">
+            <i class="ti ti-user text-blue-500 text-3xl sm:text-4xl mb-4"></i>
+            <h4 class="text-lg sm:text-xl font-bold mb-2">For Users</h4>
+            <p class="text-gray-600">Join the Hol0 public server!</p>
+            <br>
+            <a class="bg-gray-500 text-white px-4 sm:px-6 py-2 sm:py-3 rounded-full shadow hover:bg-blue-600" tabindex="-1">Comming Soon</a> <!-- bg-blue-500 href="https://join.hol0.dev/servers" Learn More -->
+        </div>
+        <div class="bg-white p-4 sm:p-6 rounded-lg shadow text-center">
+            <i class="ti ti-settings text-green-500 text-3xl sm:text-4xl mb-4"></i>
+            <h4 class="text-lg sm:text-xl font-bold mb-2">For Admins</h4>
+            <p class="text-gray-600">Check out our guide on how to build a Hol0 server.</p>
+            <br>
+            <a href="https://docs.hol0.dev/for-admin/getting-started" class="bg-green-500 text-white px-4 sm:px-6 py-2 sm:py-3 rounded-full shadow hover:bg-green-600">Learn More</a>
+        </div>
+    </div>
         </section>
         <div class="bg-gradient">
             <footer class="bg-transparent shadow mt-16">