Merge pull request #6665 from Rajesh-Nagarajan-11/fix/recognition-title-overflow

[Handbook] Fix title overflow on Community handbook

Author: leecalcote

src/sections/Community/Handbook/Handbook.style.js

@@ -85,14 +85,22 @@ export const HandbookWrapper = styled.div`
     }
 
     .page-header-section {
-      height: 10rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
       text-align: center;
       background: rgb(71,126,150);
       background: linear-gradient(250deg, rgba(71,126,150,1) 0%, rgba(0,179,159,1) 35%, rgba(60,73,79,1) 100%);
+      padding: 3rem 0;
       h1 {
-          line-height: 10rem;
           color: white;
       }
+      @media (max-width: 680px) {
+       padding: 2rem 0;
+          h1 {
+              font-size: 1.75rem;
+          }
+      }
     }
 
     .community-home-subtitle {