feat: added responsiveness for tablets and learn more button

Added responsiveness for tablets and fixed a button collapse for all screen.
PalisadoesFoundation · Nov 14, 2024 · 4355698 · 4355698
1 parent 1efdbd7
commit 4355698
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/src/css/index.css b/src/css/index.css
@@ -502,6 +502,7 @@
 .ActionButton.primary {
   color: var(--dark);
   background-color: #FEBC59;
+  text-wrap: nowrap;
 }
 
 .ActionButton.primary:hover {
@@ -543,6 +544,27 @@
 
 }
 
+/* responsiveness for tablets */
+
+@media only screen and (min-width: 481px) and (max-width: 960px) {
+  .ActionButton {
+    max-width: 100%;
+    width: 100%;
+    display: block;
+    white-space: nowrap;
+  }
+
+  .ActionButton.secondary {
+    margin-top: 1rem;
+    margin-left: auto;
+  }
+
+  .custom-image {
+    width: 80%;
+  }
+
+}
+
 /* Heading */
 
 .Heading {