From 9f1ff72c1c51c6a6909efd3b3af790cb0d96651c Mon Sep 17 00:00:00 2001
From: Chirayu Pancholi <chirayupancholi17@gmail.com>
Date: Thu, 15 Jun 2023 22:28:36 +0530
Subject: [PATCH] fix: resolved clubs heading responsiveness issue (#832)

Co-authored-by: Tamal Das <tamalcodes@gmail.com>
---
 src/styles/ClubsPage.css | 48 +++++++++++++++++++++++++++++++++-------
 1 file changed, 40 insertions(+), 8 deletions(-)

diff --git a/src/styles/ClubsPage.css b/src/styles/ClubsPage.css
index 705da1d1..e69c0cd7 100644
--- a/src/styles/ClubsPage.css
+++ b/src/styles/ClubsPage.css
@@ -10,13 +10,15 @@
   justify-content: center;
   text-align: center;
 }
+
 .cp_textdiv {
   width: 80%;
 }
+
 .cp_header1 {
   font-family: Montserrat, sans-serif;
   font-size: 70px;
-  line-height: 70px;
+  line-height: 1;
   margin-bottom: 1.5rem !important;
   color: #28183b;
 }
@@ -106,13 +108,6 @@
     word-break: break-word;
   }
 
-  .cp_header1 {
-    font-family: Montserrat, sans-serif;
-    font-size: 3rem;
-    line-height: 60px;
-    margin-bottom: 1.5rem !important;
-    color: #28183b;
-  }
   .cp_header2 {
     font-family: Poppins, sans-serif;
     color: black;
@@ -121,3 +116,40 @@
     letter-spacing: 1px;
   }
 }
+
+/* Clubs Heading Responsiveness */
+@media screen and (max-width: 1400px) {
+  .cp_header1 {
+    font-size: 60px;
+  }
+}
+
+@media screen and (max-width: 1200px) {
+  .cp_header1 {
+    font-size: 50px;
+  }
+}
+
+@media screen and (max-width: 1024px) {
+  .cp_header1 {
+    font-size: 46px;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .cp_header1 {
+    font-size: 42px;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .cp_header1 {
+    font-size: 40px;
+  }
+}
+
+@media screen and (max-width: 320px) {
+  .cp_header1 {
+    font-size: 35px;
+  }
+}
\ No newline at end of file