From ae896c2d2ea30b523d17b1bfa5bd320166e94cfa Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Mon, 26 Sep 2022 11:22:21 -0400
Subject: [PATCH] Working on package thumbnail mobile design

---
 src/layouts/partials/package-thumbnail.html | 33 +++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/src/layouts/partials/package-thumbnail.html b/src/layouts/partials/package-thumbnail.html
index d598a25..a82cedd 100644
--- a/src/layouts/partials/package-thumbnail.html
+++ b/src/layouts/partials/package-thumbnail.html
@@ -7,6 +7,9 @@
 </div>
 
 <style>
+
+@media only screen and (min-width: 576px) {
+
   .card-thumbnail{
     background: none;
     border-radius: 0px !important;
@@ -30,4 +33,34 @@
     position: relative;
     top:0.502vw;
   }
+
+}
+
+@media only screen and (max-width: 576px) {
+
+  .card-thumbnail{
+    background: none;
+    border-radius: 0px !important;
+    border: none;
+  }
+
+  .thumbnail-body{
+    border-radius: 0px !important;
+    padding: 0vw;
+  }
+
+  .card-img-top{
+    border-radius: 0px;
+    margin-bottom: 1.674vw;
+  }
+
+  .card-text{
+    font-size: 0.781vw;
+    float:left;
+    position: relative;
+    top:0.502vw;
+  }
+
+}
+
 </style>