Fixes case study cards on list page for small screens

assets/css/site.css

@@ -1294,13 +1294,14 @@ body.simple {
         }
     }
 
-    section {
-
+    section
+    {
         &#studies {
             background: var(--bg);
-            padding: 2rem 0;
+            padding: 0 0 2rem;
 
             article {
+                margin: 0 -1.5rem;
                 width: auto;
             }
         }
@@ -1531,6 +1532,18 @@ body.simple {
         }
     }
 
+    /* adjust the case study cards on the list page */
+    body.simple
+    {
+        section#studies {
+            padding-top: 2rem;
+
+            article {
+                margin: 0;
+            }
+        }
+    }
+
     /* honeycomb case study art */
     body#honeycomb main > header #grid {
         --shape-size: 14dvh;