style: fixed some margin for some handbook pages

Signed-off-by: Karthik Ayangar <[email protected]>
layer5io · Aug 19, 2023 · 3629e60 · 3629e60
1 parent d24dc6c
commit 3629e60
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 16 deletions.
diff --git a/src/sections/Community/Handbook/community-roles.js b/src/sections/Community/Handbook/community-roles.js
@@ -22,7 +22,7 @@ const CommunityGuide = () => {
       <TOC />
       <div className="page-section">
         <Container>
-          <div className="content">
+          <div>
             <a id="top">
               {" "}
               <h2>What are the roles held by individuals in the Layer5 community?</h2>{" "}

diff --git a/src/sections/Community/Handbook/community.js b/src/sections/Community/Handbook/community.js
@@ -27,7 +27,7 @@ const CommunityGuide = () => {
       <TOC />
       <div className="page-section">
         <Container>
-          <div className="content">
+          <div>
             {" "}
             <a id="Community Guidelines">
               <h2 id="communityGuidelines">Community Guidelines</h2>

diff --git a/src/sections/Community/Handbook/connect.js b/src/sections/Community/Handbook/connect.js
@@ -34,7 +34,7 @@ const Connect = () => {
       <TOC />
       <div className="page-section">
         <Container>
-          <div className="content">
+          <div>
             <a id="Newsletter">
               {" "}
               <h2>Subscribe to Newsletter</h2>{" "}

diff --git a/src/sections/Community/Handbook/contributor-journey.js b/src/sections/Community/Handbook/contributor-journey.js
@@ -11,9 +11,13 @@ import TocPagination from "../../../components/handbook-navigation/TocPagination
 const contents = [
   { id: 0, link: "#About Layer5", text: "About Layer5" },
   { id: 1, link: "#Goals", text: "Goals" },
-  { id: 2, link: "#Newcomer’s Path", text: "Newcomer’s Path", },
+  { id: 2, link: "#Newcomer’s Path", text: "Newcomer’s Path" },
   { id: 3, link: "#Working on your issue", text: "Working on your issue" },
-  { id: 4, link: "#While your issue is under review", text: "While your issue is under review", },
+  {
+    id: 4,
+    link: "#While your issue is under review",
+    text: "While your issue is under review",
+  },
 ];
 
 const Intro = () => {
@@ -27,19 +31,18 @@ const Intro = () => {
       <TOC />
       <div className="page-section">
         <Container>
-          <div className="content">
+          <div>
             <a id="About Layer5">
               <h2>About Layer5</h2>
             </a>
             <p>
-              Layer5 is an open source-first company and community of cloud native engineers. We are the creator and
-              maintainer of
+              Layer5 is an open source-first company and community of cloud
+              native engineers. We are the creator and maintainer of
               <Link to="/blog/announcements/a-standard-interface-for-service-meshes">
                 {" "}
                 service mesh standards{" "}
               </Link>
-              and also the maker of <Link to="/meshery">Meshery </Link>,
-              the
+              and also the maker of <Link to="/meshery">Meshery </Link>, the
               <Link to="/cloud-native-management/meshery">
                 {" "}
                 Cloud Native Management Plane{" "}
@@ -49,8 +52,8 @@ const Intro = () => {
             </p>
             <h4>Community First</h4>
             <p>
-              The Layer5 community builds projects to provide
-              learning environments, deployment, and operational best practices,
+              The Layer5 community builds projects to provide learning
+              environments, deployment, and operational best practices,
               performance benchmarks, create documentation, share networking
               opportunities, and more. Our shared commitment to the open-source
               spirit pushes Layer5 projects forward. New members are always
@@ -106,7 +109,11 @@ const Intro = () => {
                 <h2>Contributor's Journey</h2>
                 <div className="heading-start">
                   <h5>Start Here</h5>
-                  <img className="heading-start__arrow" src={longArrow} alt="longArrow" />
+                  <img
+                    className="heading-start__arrow"
+                    src={longArrow}
+                    alt="longArrow"
+                  />
                 </div>
               </Col>
               <Col sm={12} lg={6}>

diff --git a/src/sections/Community/Handbook/learn5.js b/src/sections/Community/Handbook/learn5.js
@@ -23,7 +23,7 @@ const LearnLayer = () => {
 
       <div className="page-section">
         <Container>
-          <div className="content">
+          <div>
 
             <a id="Learning">
               <h2>Learning together</h2>

diff --git a/src/sections/Community/Handbook/recognition.js b/src/sections/Community/Handbook/recognition.js
@@ -65,7 +65,7 @@ const RecognitionPage = () => {
       <TOC />
       <div className="page-section">
         <Container>
-          <div className="content">
+          <div>
             <a id="Community Guidelines">
               <h2 id="communityGuidelines">Your Efforts Do Not Go Unnoticed or Unappreciated</h2>
             </a>

diff --git a/src/sections/Community/Handbook/repository.js b/src/sections/Community/Handbook/repository.js
@@ -40,7 +40,7 @@ const Repository = () => {
       <TOC />
       <div className="page-section">
         <Container>
-          <div className="content">
+          <div>
             <a id="top">
               <h2>GitHub Organizations and Repositories</h2>
             </a>