From 435569843867ba24f852f8682d9fa4c592f73cd4 Mon Sep 17 00:00:00 2001
From: Bandhan Majumder <133476557+bandhan-majumder@users.noreply.github.com>
Date: Thu, 14 Nov 2024 11:19:50 +0530
Subject: [PATCH] feat: added responsiveness for tablets and learn more button

Added responsiveness for tablets and fixed a button collapse for all screen.
---
 src/css/index.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/css/index.css b/src/css/index.css
index ca8099edbb7..71614cac960 100644
--- 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 {