From d0e3f6bc3604539852ce185b76eb9b28816d813c Mon Sep 17 00:00:00 2001
From: blackxfiied <41133734+blackxfiied@users.noreply.github.com>
Date: Sat, 26 Oct 2024 11:59:43 +0800
Subject: [PATCH] refactor: update grid-template-columns in index.astro +
 consistency improvements

---
 src/pages/index.astro | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 6079542..3db4b8a 100644
--- 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 {