fix: proper aligning of subheadings

Signed-off-by: Sumit2997 <[email protected]>

_sass/layout.scss

@@ -23,6 +23,12 @@
         font-style: italic;
         color: var(--color-primary-super-dark);
     }
+    & h1.community-sub-header,h2.community-sub-header{
+        text-align: left;
+        @media (max-width:768px) {
+            text-align: center;
+        }
+    }
 }
 
 .text-container {

community.html

@@ -118,7 +118,7 @@ <h2 class="margin-padding-none">Early Access</h2>
   <div class=" container handbook-container">
     <div class="text flex-item">
       <h4 class="handbook-header">EXPLORE THE LAYER5 COMMUNITY</h4>
-      <h1 class="sub-header">Community Handbook</h1>
+      <h1 class="sub-header community-sub-header">Community Handbook</h1>
       <p class="handbook-paragraph">
         The community is growing at a tremendous rate. We value our connections
         and that is what makes us unique. Whether it is your first meeting or
@@ -152,7 +152,7 @@ <h1 class="sub-header">Community Handbook</h1>
       </a>
     </div>
     <div class="text">
-      <h2 class="sub-header" style="color: var(--color-secondary-dark);">Community Forum</h2>
+      <h2 class="sub-header community-sub-header" style="color: var(--color-secondary-dark);">Community Forum</h2>
       <p style="text-align: justify;">Use the discussion forum as your primary channel for support; whether you are a
         user or a contributor, you will
         find answers to your questions here. We encourage you to share your experiences and offer tips and best
@@ -170,7 +170,7 @@ <h2 class="sub-header" style="color: var(--color-secondary-dark);">Community For
   <div class="container flex meshmate-container">
     <div class="text" style="width: auto;">
       <h4 style="font-weight: 100; font-size:larger; margin:0;">AN ONBOARDING AND MENTORING PROGRAM</h4>
-      <h1 class="sub-header">Layer5 MeshMates</h1>
+      <h1 class="sub-header community-sub-header">Layer5 MeshMates</h1>
       <p style="text-align: justify;">
         The Layer5 community is growing at a tremendous rate. We value our
         connections and that is what makes us unique. Whether it is your first
@@ -205,7 +205,7 @@ <h1 class="sub-header">Layer5 MeshMates</h1>
 
     </div>
     <div class="text">
-      <h1 class="sub-header">
+      <h1 class="sub-header community-sub-header">
         Meshery Community <br>Meetings and Events</h1>
       <p style="text-align: justify; margin-bottom: 20px; font-weight: 100; font-size: 17.6px;">
         Join Meshery's meeting from anywhere in