Create overviewLayout.css

2024-01-05 09:49:57 +02:00 · 2024-01-05 09:49:57 +02:00 · 8ddc1822f0
parent fddf2ecdce
commit 8ddc1822f0
1 changed files with 28 additions and 0 deletions
--- a/src/pages/ValidatorOnboarding/Overview/overviewLayout.css
+++ b/src/pages/ValidatorOnboarding/Overview/overviewLayout.css
@ -0,0 +1,28 @@
+.overview-cards {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  width: 100%;
+}
+.overview-card {
+  border-radius: 16px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  width: 44%;
+  padding: 12px 16px;
+  background-color: #FFF;
+  min-width: 150px;
+}
+
+/* Media query for smaller screens */
+@media screen and (max-width: 1000px) {
+  /* Adjust 600px based on your requirements */
+  .overview-cards {
+    flex-direction: column;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+  .overview-card {
+    width: 150%;
+    margin-bottom: 16px;
+  }
+}