From 238bbcde40bd57b65ea7742233480231a113f4e4 Mon Sep 17 00:00:00 2001
From: zomo <admin@zomo.dev>
Date: Fri, 28 Nov 2025 12:23:32 -0600
Subject: [PATCH] updated responsive width layout

---
 src/buttons.scss | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/buttons.scss b/src/buttons.scss
index 936c536..dfff538 100644
--- a/src/buttons.scss
+++ b/src/buttons.scss
@@ -4,6 +4,7 @@
     left: 0;
     width: 100%;
     height: 100%;
+    box-sizing: border-box;
 
     display: flex;
     align-items: center;
@@ -16,22 +17,29 @@
         box-sizing: border-box;
 
         box-shadow: rgba(67, 67, 67, 0.8) 0 0 5px;
-
-        &:nth-child(0) {
-            margin-left: 0px;
-        }
     }
 }
 
+// desktop/tablet less wide
 @media (max-width: 1200px) and (min-width: 901px) {
-    .client {
-        max-width: 400px;
-        min-height: 400px;
+    .buttons .client {
+        width: 400px;
     }
 }
 
+// mobile
 @media (max-width: 900px) {
     .buttons {
         flex-direction: column;
+        justify-content: flex-start;
+        overflow-y: scroll;
+        padding: 20px 0;
+    }
+}
+
+// mobile less wide
+@media (max-width: 550px) {
+    .buttons .client {
+        width: 400px;
     }
 }