Merge pull request #5981 from sudhanshutech/fix/class

fix classname for css conflict
layer5io · Oct 7, 2024 · fa94b25 · fa94b25
2 parents 1139f94 + b256a20
commit fa94b25
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/src/sections/Company/WhoWeAre/index.js b/src/sections/Company/WhoWeAre/index.js
@@ -26,73 +26,73 @@ 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>
           </div>
         </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>
           </div>
         </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>
           </div>
         </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
@@ -45,7 +45,7 @@ const AboutSectionWrapper = styled.section`
       margin-inline-end: 0px;
   }
   }
-	.col {
+	.columnWrap {
 		display: flex;
 		flex-flow: column wrap;
     justify-content: center;