styles

src/app/pages/create-page/create-page.scss

@@ -41,19 +41,15 @@
 
 // ─── Methods row ────────────────────────────────────────────────────────────
 .methods {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
+  display: flex;
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
   gap: 8px;
+  padding-bottom: 4px;
 
-  @media (max-width: 600px) {
-    display: flex;
-    flex-wrap: nowrap;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-    scrollbar-width: none;
-    &::-webkit-scrollbar { display: none; }
-    padding-bottom: 4px;
-  }
+  &::-webkit-scrollbar { display: none; }
 
   @media (max-width: 360px) {
     gap: 6px;
@@ -73,11 +69,8 @@
   transition: border-color .15s, background .15s, transform .1s, box-shadow .15s;
   -webkit-appearance: none;
   font-family: inherit;
-
-  @media (max-width: 600px) {
-    flex: 0 0 72px;
-    width: 72px;
-  }
+  flex: 0 0 72px;
+  width: 72px;
 
   @media (max-width: 360px) {
     height: 52px;
@@ -119,17 +112,14 @@
 // ─── Currency chips ─────────────────────────────────────────────────────────
 .currencies {
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: none;
   gap: 8px;
+  padding-bottom: 4px;
 
-  @media (max-width: 600px) {
-    flex-wrap: nowrap;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-    scrollbar-width: none;
-    &::-webkit-scrollbar { display: none; }
-    padding-bottom: 4px;
-  }
+  &::-webkit-scrollbar { display: none; }
 }
 
 .chip {