Add css and dashboard demonstration

JerBouma · Jun 30, 2024 · 8349169 · 8349169
1 parent d3c11a1
commit 8349169
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/app/assets/financetoolkit-dashboard.mov b/app/assets/financetoolkit-dashboard.mov
diff --git a/app/assets/style.css b/app/assets/style.css
@@ -0,0 +1,27 @@
+/* Hide elements with class "mobile-only" on screens wider than 768px (common breakpoint for mobile) */
+@media (min-width: 768px) {
+    .mobile-only {
+        display: none;
+    }
+}
+
+/* Show elements with class "mobile-only" on screens smaller than 768px */
+@media (max-width: 767px) {
+    .mobile-only {
+        display: block;
+    }
+}   
+
+/* Hide elements with class "mobile-only" on screens wider than 768px (common breakpoint for mobile) */
+@media (min-width: 768px) {
+    .desktop-only {
+        display: block;
+    }
+}
+
+/* Show elements with class "mobile-only" on screens smaller than 768px */
+@media (min-width: 767px) {
+    .desktop-only {
+        display: none;
+    }
+}