diff --git a/src/layouts/index.html b/src/layouts/index.html
index ad16ff2..5fc3965 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -85,70 +85,71 @@
       <h2 style="margin-bottom:-20px;">package center</h2>
     </div>
   <hr>
-  <div class="container">
+  <div class="container package-grid">
 
     <!-- Start Package Grid -->
 
-    <div class="row mb-4 gx-4">
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
+    <div class="packages-container">
+      <div class="row mb-4 gx-4">
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
       </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
+
+      <div class="row mb-4 gx-4">
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
       </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
+
+      <div class="row mb-4 gx-4">
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
       </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
+
+      <div class="row mb-4 gx-4">
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
+        <div class="col-lg-3 col-md-4 col-sm-12 col-12">
+          {{- partial "package-thumbnail.html" . -}}
+        </div>
       </div>
     </div>
-
-    <div class="row mb-4 gx-4">
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-    </div>
-
-    <div class="row mb-4 gx-4">
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-    </div>
-
-    <div class="row mb-4 gx-4">
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-      <div class="col-lg-3 col-md-4 col-sm-12 col-12">
-        {{- partial "package-thumbnail.html" . -}}
-      </div>
-    </div>
-
   </div>
 </section>