From 221b6f5618b44c8bdbd92c1e8eace0358d4637ca Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 14 Sep 2022 22:25:24 -0400
Subject: [PATCH] Grid section progress

---
 src/layouts/index.html   | 113 +++++++++++++++++++++------------------
 src/static/css/style.css |   4 ++
 2 files changed, 64 insertions(+), 53 deletions(-)

diff --git a/src/layouts/index.html b/src/layouts/index.html
index 5fc3965..465fc94 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -86,69 +86,76 @@
     </div>
   <hr>
   <div class="container package-grid">
+    <div class="vl">
+    <style>
+      .vl {
+        border-left: 2px solid #949494;
+        border-right: 2px solid #949494;
+        height: 100%;
+      }
+    </style>
 
     <!-- Start Package Grid -->
 
-    <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 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 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 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 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>
 </section>
diff --git a/src/static/css/style.css b/src/static/css/style.css
index 628de57..8a046a2 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -282,6 +282,10 @@ hr{
   float:right;
 }
 
+.package-grid{
+  padding-top: 0px !important;
+}
+
 /* Footer Styling */
 
 .footer-email{