feat(homepage): spacing

Author: Jonnx

public/css/app.css

@@ -1322,6 +1322,12 @@ select {
 .gap-4 {
   gap: 1rem;
 }
+.gap-14 {
+  gap: 3.5rem;
+}
+.gap-20 {
+  gap: 5rem;
+}
 .space-x-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1rem * var(--tw-space-x-reverse));

resources/views/welcome.blade.php

@@ -17,7 +17,7 @@
                 </div>
             </div>
             {{-- PINS --}}
-            <div class="prose prose-invert text-center my-10">
+            <div class="prose prose-invert text-center">
                 <div class="-mb-4">
                     <img src="/api/v2/font-awesome/v5/pin?text=A&background=992DE5&size=50" class="inline h-12 m-0 mx-1" />
                     <img src="/api/v2/font-awesome/v5/pin?text=AC&background=BC5AF4&size=50" class="inline h-12 m-0 mx-1" />
@@ -34,7 +34,7 @@ class="no-underline -mb-4 mt-4 inline-block px-4 py-2 border border-transparent
                 </a>
             </div>
             {{-- ICONS --}}
-            <div class="prose prose-invert text-center my-10">
+            <div class="prose prose-invert text-center">
                 <div class="-mb-4">
                     <img src="/api/v2/font-awesome/v5/icon?icon=fa-users&color=992DE5&size=50"
                         class="inline h-12 m-0 mx-1" />
@@ -52,7 +52,7 @@ class="no-underline -mb-4 mt-4 inline-block px-4 py-2 border border-transparent
                 </a>
             </div>
             {{-- ICON STACKS --}}
-            <div class="prose prose-invert text-center my-10">
+            <div class="prose prose-invert text-center">
                 <div class="-mb-4">
                     <img src="/api/v2/font-awesome/v5/icon-stack?size=64&icon=fa-map-marker-alt&color=171719&on=fa-map-solid&oncolor=992DE5&iconsize=14&hoffset=21&voffset=8"
                         class="inline h-12 m-0 mx-1" />
@@ -70,7 +70,7 @@ class="no-underline -mb-4 mt-4 inline-block px-4 py-2 border border-transparent
                     Get Started
                 </a>
             </div>
-            <div class="col-span-3">
+            <div class="col-span-2">
                 <div class="bg-slate-800 p-8 rounded-lg mb-8 md:mb-0">
                     <div class="changelog changelog-slim">
                         <x-markdown>{{ $versionEntry }}</x-markdown>