fix issue

Signed-off-by: Sudhanshu Dasgupta <[email protected]>
layer5io · Oct 6, 2024 · 1379414 · 1379414
1 parent 23f663f
commit 1379414
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git a/src/sections/Community/Newcomers-guide/index.js b/src/sections/Community/Newcomers-guide/index.js
@@ -32,7 +32,9 @@ const NewcomersGuide = () => {
               Slack workspace</a>{" "}
             to collaborate with the community and the <a href="https://discuss.layer5.io" target="">discussion forum</a> for questions. Also, you can check the
             quick-links below for jumping straight into things.</p>
-          <Row className="newcomers-journey">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="newcomers-journey">
             <Col
               className="heading"
               $sm={12}
@@ -137,7 +139,9 @@ const NewcomersGuide = () => {
               </ol>
             </Col>
           </Row>
-          <Row className="step">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="step">
             <Col $sm={12} $lg={6}>
               <h3>Working on Your Issue</h3>
               <ol type="i">
@@ -190,7 +194,9 @@ const NewcomersGuide = () => {
               <StaticImage src={FiveWorking} alt="Five Working Image" />
             </Col>
           </Row>
-          <Row className="step">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="step">
             <Col $sm={12} $lg={6} className="community-collage">
               <StaticImage src={CommunityImage3} alt="Community Image" />
             </Col>

diff --git a/src/sections/Community/index.js b/src/sections/Community/index.js
@@ -49,15 +49,17 @@ const CommunityPage = () => {
 
   return (
     <CommunitySectionWrapper>
-      <BgImage image={ pluginImage} className="section">
+      <BgImage image={pluginImage} className="section">
         <div className="community-header">
           <h1>The Layer5 Community</h1>
           <h2>New members are always welcome</h2>
         </div>
       </BgImage>
       <div className="community-section-wrapper">
         <Container>
-          <Row className="service-mesh-projects">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="service-mesh-projects">
             <Col $sm={12} $lg={6}>
               <h2>Warm, welcoming, and encouraging. Embrace developer-defined infrastructure and help empower every engineer with us.</h2>
               <p>
@@ -69,7 +71,9 @@ const CommunityPage = () => {
               <StaticImage src={CommunityMember} alt="Community Member" placeholder="blurred" />
             </Col>
           </Row>
-          <Row className="open-source-projects">
+          <Row style={{
+            flexWrap: "wrap"
+          }} className="open-source-projects">
             <h2>Open Source and Cloud Native</h2>
             <p>
               Layer5 projects are open source software. Anyone can download,
@@ -154,7 +158,7 @@ const CommunityPage = () => {
           </Row>
         </Container>
         <Container>
-          <InlineQuotes title={"Community Member"} quote={"Wow, you all are incredibly helpful. I wish every open source community was as friendly as Layer5's."} person={"Priyanshu Sharma"}/>
+          <InlineQuotes title={"Community Member"} quote={"Wow, you all are incredibly helpful. I wish every open source community was as friendly as Layer5's."} person={"Priyanshu Sharma"} />
         </Container>
       </div>
       <JoinCommunity image={Five} className="newcomers-join" />