From b3dee46f18df79b3f1a10c0ab0601167d315555f Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 14 Sep 2022 22:33:57 -0400
Subject: [PATCH] Grid system for package section

---
 src/layouts/index.html   | 13 +++++++++----
 src/static/css/style.css |  1 +
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/layouts/index.html b/src/layouts/index.html
index 465fc94..f0672df 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -92,12 +92,17 @@
         border-left: 2px solid #949494;
         border-right: 2px solid #949494;
         height: 100%;
+        padding: 25px;
+      }
+
+      .package-row{
+        border-bottom: 1px solid #949494;
       }
     </style>
 
     <!-- Start Package Grid -->
 
-    <div class="row mb-4 gx-4">
+    <div class="row package-row mb-4 gx-4">
       <div class="col-lg-3 col-md-4 col-sm-12 col-12">
         {{- partial "package-thumbnail.html" . -}}
       </div>
@@ -112,7 +117,7 @@
       </div>
     </div>
 
-    <div class="row mb-4 gx-4">
+    <div class="row package-row mb-4 gx-4">
       <div class="col-lg-3 col-md-4 col-sm-12 col-12">
         {{- partial "package-thumbnail.html" . -}}
       </div>
@@ -127,7 +132,7 @@
       </div>
     </div>
 
-    <div class="row mb-4 gx-4">
+    <div class="row package-row mb-4 gx-4">
       <div class="col-lg-3 col-md-4 col-sm-12 col-12">
         {{- partial "package-thumbnail.html" . -}}
       </div>
@@ -142,7 +147,7 @@
       </div>
     </div>
 
-    <div class="row mb-4 gx-4">
+    <div class="row package-row mb-4 gx-4">
       <div class="col-lg-3 col-md-4 col-sm-12 col-12">
         {{- partial "package-thumbnail.html" . -}}
       </div>
diff --git a/src/static/css/style.css b/src/static/css/style.css
index 8a046a2..d1dc260 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -284,6 +284,7 @@ hr{
 
 .package-grid{
   padding-top: 0px !important;
+  padding-bottom: 0px !important;
 }
 
 /* Footer Styling */