From b256a2061a0e15c3f7366a8837aa5f1f199af21a Mon Sep 17 00:00:00 2001
From: Sudhanshu Dasgupta <dasguptashivam23@gmail.com>
Date: Mon, 7 Oct 2024 16:01:30 +0530
Subject: [PATCH] fix classname

Signed-off-by: Sudhanshu Dasgupta <dasguptashivam23@gmail.com>
---
 src/sections/Company/WhoWeAre/index.js        | 22 +++++++++----------
 .../Company/WhoWeAre/whoweare.style.js        |  2 +-
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/sections/Company/WhoWeAre/index.js b/src/sections/Company/WhoWeAre/index.js
index 9e95b5450c6d..55d47cf698cd 100644
--- a/src/sections/Company/WhoWeAre/index.js
+++ b/src/sections/Company/WhoWeAre/index.js
@@ -26,25 +26,25 @@ const WhoWeAre = () => {
       </Container>
 
       <Row className="row">
-        <Col $xs={12} $sm={6} $md={6} $lg={3} className="col">
+        <Col $xs={12} $sm={6} $md={6} $lg={3} className="columnWrap">
           <div className="item">
             <img src={checkCircle} alt="Cloud Native Leaders" />
             <p>Cloud Native Leaders</p>
           </div>
         </Col>
-        <Col $xs={12} $sm={6} $md={6} $lg={3} className="col">
+        <Col $xs={12} $sm={6} $md={6} $lg={3} className="columnWrap">
           <div className="item">
             <img src={checkCircle} alt="Meshery" />
             <p>CNCF TOC Contributors</p>
           </div>
         </Col>
-        <Col $xs={12} $sm={6} $md={6} $lg={3} className="col">
+        <Col $xs={12} $sm={6} $md={6} $lg={3} className="columnWrap">
           <div className="item">
             <img src={checkCircle} alt="Docker Captain" />
             <p>Docker Captains</p>
           </div>
         </Col>
-        <Col $xs={12} $sm={6} $md={6} $lg={3} className="col">
+        <Col $xs={12} $sm={6} $md={6} $lg={3} className="columnWrap">
           <div className="item">
             <img src={checkCircle} alt="Linkerd" />
             <p>Cloud Native Ambassadors</p>
@@ -52,7 +52,7 @@ const WhoWeAre = () => {
         </Col>
       </Row>
       <Row className="second-row">
-        <Col $xs={12} $sm={6} $md={6} $lg={3} className="col">
+        <Col $xs={12} $sm={6} $md={6} $lg={3} className="columnWrap">
           <div className="item">
             <img src={checkCircle} alt="Service Mesh Interface Maintainers" />
             <p>Service Mesh Interface Maintainers</p>
@@ -60,19 +60,19 @@ const WhoWeAre = () => {
         </Col>
         {/* </Row>
       <Row className="row"> */}
-        <Col $xs={12} $sm={6} $md={6} $lg={3} className="col">
+        <Col $xs={12} $sm={6} $md={6} $lg={3} className="columnWrap">
           <div className="item">
             <img src={checkCircle} alt="Service Mesh Performance Maintainers" />
             <p>Service Mesh Performance Maintainers</p>
           </div>
         </Col>
-        <Col $xs={12} $sm={6} $md={6} $lg={3} className="col">
+        <Col $xs={12} $sm={6} $md={6} $lg={3} className="columnWrap">
           <div className="item">
             <img src={checkCircle} alt="Service Mesh Authors and Trainers" />
             <p>Service Mesh Authors</p>
           </div>
         </Col>
-        <Col $xs={12} $sm={6} $md={6} $lg={3} className="col">
+        <Col $xs={12} $sm={6} $md={6} $lg={3} className="columnWrap">
           <div className="item">
             <img src={checkCircle} alt="Meshery Creators" />
             <p>Meshery Creators</p>
@@ -80,19 +80,19 @@ const WhoWeAre = () => {
         </Col>
       </Row>
       <Row className="third-row">
-        <Col $xs={12} $sm={6} $md={6} $lg={3} className="col">
+        <Col $xs={12} $sm={6} $md={6} $lg={3} className="columnWrap">
           <div className="item">
             <img src={checkCircle} alt="CNCF Service Mesh Working Group" />
             <p>CNCF Service Mesh Working Group Chairs</p>
           </div>
         </Col>
-        <Col $xs={12} $sm={6} $md={6} $lg={3} className="col">
+        <Col $xs={12} $sm={6} $md={6} $lg={3} className="columnWrap">
           <div className="item">
             <img src={checkCircle} alt="Service Mesh Authors and Trainers" />
             <p>Kubernetes Certified Administrators</p>
           </div>
         </Col>
-        <Col $xs={12} $sm={6} $md={6} $lg={3} className="col">
+        <Col $xs={12} $sm={6} $md={6} $lg={3} className="columnWrap">
           <div className="item">
             <img src={checkCircle} alt="CNCF Special Interest Group Network Chair" />
             <p>CNCF Special Interest Group Network Chairs</p>
diff --git a/src/sections/Company/WhoWeAre/whoweare.style.js b/src/sections/Company/WhoWeAre/whoweare.style.js
index 3c0c610340de..24d3affde694 100644
--- a/src/sections/Company/WhoWeAre/whoweare.style.js
+++ b/src/sections/Company/WhoWeAre/whoweare.style.js
@@ -45,7 +45,7 @@ const AboutSectionWrapper = styled.section`
       margin-inline-end: 0px;
   }
   }
-	.col {
+	.columnWrap {
 		display: flex;
 		flex-flow: column wrap;
     justify-content: center;