From 5b6752ad2fd09409c5ee4031062c99771d95a366 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 14 Sep 2022 22:12:04 -0400
Subject: [PATCH] Progress

---
 src/layouts/index.html | 113 +++++++++++++++++++++--------------------
 1 file changed, 57 insertions(+), 56 deletions(-)

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>