Adjust logo alignment (#31)

Signed-off-by: Santiago Beroch <[email protected]>

Author: sberoch

assets/style.css

@@ -930,8 +930,8 @@ code,
   bottom: -30px;
 }
 
-.-top-5 {
-  top: -1.25rem;
+.-top-4 {
+  top: -1rem;
 }
 
 .left-0 {
@@ -966,22 +966,6 @@ code,
   top: auto;
 }
 
-.left-\[10\%\] {
-  left: 10%;
-}
-
-.left-\[11\%\] {
-  left: 11%;
-}
-
-.left-\[12\%\] {
-  left: 12%;
-}
-
-.-top-4 {
-  top: -1rem;
-}
-
 .z-0 {
   z-index: 0;
 }
@@ -1220,8 +1204,8 @@ code,
   width: 2rem;
 }
 
-.w-\[30rem\] {
-  width: 30rem;
+.w-\[32rem\] {
+  width: 32rem;
 }
 
 .w-\[90\%\] {
@@ -1237,10 +1221,6 @@ code,
   width: 100%;
 }
 
-.w-\[32rem\] {
-  width: 32rem;
-}
-
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -1289,6 +1269,10 @@ code,
   max-width: 28rem;
 }
 
+.max-w-\[300px\] {
+  max-width: 300px;
+}
+
 .grow {
   flex-grow: 1;
 }
@@ -2022,6 +2006,10 @@ code,
     flex-direction: row-reverse;
   }
 
+  .lg\:items-center {
+    align-items: center;
+  }
+
   .lg\:justify-between {
     justify-content: space-between;
   }

layouts/partials/community/socials.html

@@ -1,11 +1,11 @@
 {{ with site.Data.socials }}
     <section class="bg-dark py-24 border-b border-b-gray/50">
-      <div class="container grid grid-cols-1 lg:grid-cols-3 gap-20">
+      <div class="container flex flex-col lg:flex-row lg:items-center justify-center gap-20">
         {{ range . }}
-          <div class="flex flex-col lg:gap-y-6 gap-y-4">
+          <div class="flex flex-col lg:gap-y-6 gap-y-4 items-center">
             <img src="{{ site.BaseURL }}{{ .icon }}" alt="{{ .name }}" class="max-w-[160px]">
             <h3 class="text-white font-medium font-grostesk text-3xl">{{ .name }}</h3>
-            <p class="text-white/70 text-lg leading-[26px] font-graphik">{{ .text }}</p>
+            <p class="text-white/70 text-lg leading-[26px] font-graphik max-w-[300px] text-center">{{ .text }}</p>
             <a 
               href="{{ .link.url }}" 
               target="_blank"