From c5d0c150457fd6e698c80b601ae87cd8bf4b9040 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Sun, 7 Jan 2024 20:21:23 +0200
Subject: [PATCH] feat: create media queries for columns order

---
 .../ConnectViaIP/InputsRow.module.css         | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/pages/PairDevice/ConnectViaIP/InputsRow.module.css

diff --git a/src/pages/PairDevice/ConnectViaIP/InputsRow.module.css b/src/pages/PairDevice/ConnectViaIP/InputsRow.module.css
new file mode 100644
index 00000000..eb084090
--- /dev/null
+++ b/src/pages/PairDevice/ConnectViaIP/InputsRow.module.css
@@ -0,0 +1,32 @@
+.main-container {
+  display: flex;
+  gap: 8px;
+}
+
+@media (max-width: 1150px) and (min-width: 1000px) {
+  .main-container {
+    display: block;
+  }
+
+  .main-container > * {
+    margin-bottom: 8px;
+  }
+
+  .main-container > *:last-child {
+    margin-bottom: 0;
+  }
+}
+
+@media (max-width: 500px) {
+  .main-container {
+    display: block;
+  }
+
+  .main-container > * {
+    margin-bottom: 8px;
+  }
+
+  .main-container > *:last-child {
+    margin-bottom: 0;
+  }
+}