updated responsive width layout

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;
     }
 }