refactor: update grid-template-columns in index.astro + consistency i…

…mprovements
MythicApp · Oct 26, 2024 · d0e3f6b · d0e3f6b
1 parent 2e11594
commit d0e3f6b
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -127,7 +127,7 @@ const socials = [
       </p>
     </div>
 
-      <div class="grid-container" style="grid-template-columns: 3fr 1fr;">
+      <div class="grid-container" style="grid-template-columns: 2fr 1fr;">
         {features.slice(0, 3).map((feature, index) => (
           <div class={index === 0 ? "large-tile" : "small-tile"}>
             <FeatureSection
@@ -142,7 +142,7 @@ const socials = [
         ))}
       </div>
 
-      <div class="grid-container" style="grid-template-columns: 1fr 3fr;">
+      <div class="grid-container" style="grid-template-columns: 1fr 2fr;">
         {features.slice(3).map((feature, index) => (
           <div class={index === 0 ? "large-tile" : "small-tile"} style={index === 0 ? "grid-column: 2;" : "grid-column: 1;"}>
             <FeatureSection
@@ -196,7 +196,7 @@ const socials = [
 
   .grid-container {
     display: grid;
-    gap: 1rem;
+    gap: 20px;
     row-gap: 0;
     align-items: center;
     height: 100%;
@@ -360,7 +360,8 @@ const socials = [
   }
 
   .cta-content {
-    width: 95vw;
+    padding-left: 20px;
+    padding-right: 20px;
   }
 
   .cta-content-header {