From 1d255f76cd0f486f01e9d2c5b4865d1274a6c228 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Sat, 13 Jan 2024 15:24:33 +0200
Subject: [PATCH] feat: add media queries for responsive recovery phrase inputs

---
 .../KeyGeneration/index.module.css            | 29 ++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/index.module.css b/src/pages/ValidatorOnboarding/KeyGeneration/index.module.css
index 3019ce80..92927a64 100644
--- a/src/pages/ValidatorOnboarding/KeyGeneration/index.module.css
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/index.module.css
@@ -69,4 +69,31 @@
   .recovery-phrase {
     grid-template-columns: repeat(1, 1fr);
   }
-}
\ No newline at end of file
+}
+
+@media (max-width: 900px) {
+  .confirm-recovery-phrase {
+    width: 100%;
+  }
+}
+
+@media (max-width: 750px) {
+  .confirm-recovery-phrase {
+    grid-template-columns: repeat(3, 1fr);
+    width: 100%;
+  }
+}
+
+@media (max-width: 550px) {
+  .confirm-recovery-phrase {
+    grid-template-columns: repeat(2, 1fr);
+    width: 100%;
+  }
+}
+
+@media (max-width: 350px) {
+  .confirm-recovery-phrase {
+    grid-template-columns: repeat(1, 1fr);
+    width: 100%;
+  }
+}