fix: make search box responsive

go-semantic-release · Oct 10, 2023 · 61c9c8b · 61c9c8b
1 parent 76be08b
commit 61c9c8b
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/app/components/Search.module.css b/app/components/Search.module.css
@@ -1,3 +1,15 @@
 .search {
-  width: 30vw;
+  width: 100vw;
+}
+
+@media (min-width: 520px) {
+  .search {
+    width: 50vw;
+  }
+}
+
+@media (min-width: 1024px) {
+  .search {
+    width: 30vw;
+  }
 }