diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index 3122430..0b073f2 100755
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -77,4 +77,16 @@
   .read-more-link {
     color: #FF6E00; /* Use the variable defined in theme.json */
   }
-  
\ No newline at end of file
+  
+  .center-wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh; /* Adjust height as needed */
+  }
+
+  .grid-container-small {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20px;
+  }
diff --git a/hugo_stats.json b/hugo_stats.json
index 1870310..8fe700e 100644
--- a/hugo_stats.json
+++ b/hugo_stats.json
@@ -64,6 +64,7 @@
       "btn-primary",
       "btn-sm",
       "capitalize",
+      "center-wrapper",
       "col-12",
       "column",
       "container",
@@ -92,6 +93,7 @@
       "from-body",
       "g",
       "grid-container",
+      "grid-container-small",
       "grid-item",
       "group",
       "gx-5",
@@ -198,7 +200,6 @@
       "pl-2",
       "pr-5",
       "pr-8",
-      "primary",
       "pt-14",
       "pt-7",
       "px-2",
@@ -209,7 +210,6 @@
       "py-2",
       "py-7",
       "py-[2.5px]",
-      "read-more-link",
       "relative",
       "rounded",
       "rounded-2xl",
diff --git a/layouts/index.html b/layouts/index.html
index c1b21e8..91c5cf9 100755
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -142,7 +142,8 @@
 {{ if gt (len (where .Site.RegularPages "Section" "blog")) 0 }}
 <section>
 
-  <div class="grid-container">
+  <div class="center-wrapper"> 
+  <div class="grid-container-small">
     <div class="column">
       <ul class="list">
         {{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }}
@@ -186,6 +187,7 @@
       </ul>
     </div>
   </div>
+  </div>
 </section>
 {{ end }}
 
diff --git a/public/css/style.css b/public/css/style.css
index 8d9914e..645cb4e 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -3084,6 +3084,18 @@ input#nav-toggle:checked ~ #nav-menu {
   color: #FF6E00;
   /* Use the variable defined in theme.json */ }
 
+.center-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  /* Adjust height as needed */ }
+
+.grid-container-small {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20px; }
+
 @media (min-width: 540px) {
 
   .sm\:col-10 {
diff --git a/public/index.html b/public/index.html
index daa1d34..ee4a863 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1265,7 +1265,8 @@
 
 <section>
 
-  <div class="grid-container">
+  <div class="center-wrapper"> 
+  <div class="grid-container-small">
     <div class="column">
       <ul class="list">
         
@@ -1354,6 +1355,7 @@
       </ul>
     </div>
   </div>
+  </div>
 </section>
 
 
diff --git a/resources/_gen/assets/css/style.css_82b067fd6c564693170dff5ae4660239.content b/resources/_gen/assets/css/style.css_82b067fd6c564693170dff5ae4660239.content
index 8d9914e..645cb4e 100644
--- a/resources/_gen/assets/css/style.css_82b067fd6c564693170dff5ae4660239.content
+++ b/resources/_gen/assets/css/style.css_82b067fd6c564693170dff5ae4660239.content
@@ -3084,6 +3084,18 @@ input#nav-toggle:checked ~ #nav-menu {
   color: #FF6E00;
   /* Use the variable defined in theme.json */ }
 
+.center-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  /* Adjust height as needed */ }
+
+.grid-container-small {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20px; }
+
 @media (min-width: 540px) {
 
   .sm\:col-10 {
diff --git a/resources/_gen/assets/scss/main.scss_f120a3f402b106f64b18d498afd3d82e.content b/resources/_gen/assets/scss/main.scss_f120a3f402b106f64b18d498afd3d82e.content
index c3fa9f4..4ebcd52 100644
--- a/resources/_gen/assets/scss/main.scss_f120a3f402b106f64b18d498afd3d82e.content
+++ b/resources/_gen/assets/scss/main.scss_f120a3f402b106f64b18d498afd3d82e.content
@@ -1075,3 +1075,15 @@
 .read-more-link {
   color: #FF6E00;
   /* Use the variable defined in theme.json */ }
+
+.center-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  /* Adjust height as needed */ }
+
+.grid-container-small {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 20px; }