From d0568f94342b7afb164f552717912f20869e87ce Mon Sep 17 00:00:00 2001
From: kdharsh24 <harshkumardas24@gmail.com>
Date: Sat, 18 May 2024 11:11:03 +0530
Subject: [PATCH] Added some text align in Responsive for small device

---
 docusaurus.config.js               |  2 +-
 src/components/HomePage/header.css | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index 13e5ff7ed..dbfd41549 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -92,7 +92,7 @@ const config = {
         contextualSearch: false,
       },
 
-      navbar: {
+      navbar: { 
         title: "CodeHarborHub",
         logo: {
           alt: "CodeHarborHub Logo",
diff --git a/src/components/HomePage/header.css b/src/components/HomePage/header.css
index 2447e0574..53f33e416 100644
--- a/src/components/HomePage/header.css
+++ b/src/components/HomePage/header.css
@@ -114,7 +114,22 @@
     margin: 0 0 3rem;
   }
 }
+@media screen and (max-width: 768px) {
+  .gradient__text{
+    text-align: center;
+  }
 
+}
+@media screen and (max-width: 350px) {
+  .anouncementBarContent, .navbar__title{
+    font-size: medium;
+  }
+}
+@media screen and (max-width: 280px) {
+  .navbar__title{
+    display: none;
+  }
+}
 @media screen and (max-width: 650px) {
   .chh__header-content h1 {
     font-size: 48px;