Merge pull request #31 from iotaledger/fix/mobile-demo-select

added better styling for mobile demo select
iotaledger · Aug 23, 2021 · 328ecca · 328ecca
2 parents 967bdc2 + e5567de
commit 328ecca
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/web/bank/src/styles/pages/demo.scss b/web/bank/src/styles/pages/demo.scss
@@ -306,6 +306,16 @@
         img {
             width: 410px;
         }
+
+        @media (max-width: 430px) {
+            width: auto;
+            padding: 15px;
+            margin: 0 10px 20px 10px;
+
+            img {
+                width: 100%;
+            }
+        }
     }
 
     .demo-card-content {
@@ -314,6 +324,14 @@
         flex-direction: column;
         justify-content: space-between;
 
+        @include breakPoint(medium) {
+            margin-bottom: 10px;
+        }
+
+        @media (max-width: 430px) {
+            margin: 10px 5px 10px 5px;
+        }
+
         h3 {
             margin: 0;
             font-weight: bold;