Adjust card spacing and border on narrow viewports

LL782 · Aug 16, 2022 · e789eaf · e789eaf · vercel · Aug 16, 2022
1 parent 432ff25
commit e789eaf
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/styles/Home.module.css b/styles/Home.module.css
@@ -69,18 +69,15 @@
 }
 
 .card {
-  border-bottom: 1px solid #ddd;
-  border-left: 1px solid #ddd;
-  border-right: 1px solid #ddd;
   color: inherit;
   list-style: none;
   text-align: left;
   text-decoration: none;
-  transition: color 0.15s ease, border-color 0.15s ease;
 }
 @media screen and (max-width: 600px) {
   .card {
-    padding: 4vw;
+    padding: 2rem 4vw 3rem;
+    border-bottom: 1px solid #aaa;
   }
   .cardImage {
     margin-left: -4vw;
@@ -90,6 +87,9 @@
 @media screen and (min-width: 601px) {
   .card {
     padding: 1.5rem;
+    border-bottom: 1px solid #ddd;
+    border-left: 1px solid #ddd;
+    border-right: 1px solid #ddd;
   }
 }