more

src/styles/app.scss

@@ -99,4 +99,19 @@ p {
     font-size: 15px;
     line-height: 21px;
   }
+  .mobile-info-heading-dashboard {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin: 2px 6px 2px 6px;
+    text-align: justify;
+    font-size: 15px;
+    line-height: 21px;
+  }
+
+  .mobile-text-dashboard {
+    margin-bottom: 6px;
+    padding: 0px 6px;
+  }
 }

src/styles/dashboard.scss

@@ -80,8 +80,37 @@
   flex-direction: column;
 }
 
-@media only screen and (min-width: map.get($grid-breakpoints, "md")) {
+@media only screen and (max-width: 430px) {
+  .dashboard-header {
+    display: flex;
+    gap: 1rem;
+    justify-content: center;
+    margin: 30px 0px 0px 0px;
+    align-items: center;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 12px 0px;
+    width: 280px;
+    background-color: var(--background-blue);
+    border-radius: 15px;
+  }
+
   .dashboard-filter {
     flex-direction: row;
   }
+
+  .stats-container {
+    height: 100%;
+  }
+
+  .stats-row-box {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: 12px 0px;
+    padding: 0px 6px;
+    background-color: #fff;
+    height: 100%;
+    border-radius: 6px;
+  }
 }