🐛 fix landing page theme (Attemp-4)

Partial fix, need modifications

Author: KRRISH96

doc/src/templates/landing-main/contrib-section/index.js

@@ -4,8 +4,9 @@ import Button from '../../../../../lib/button';
 import engineerImage from '../../../images/engineer.svg';
 import developerImage from '../../../images/man-in-office-desk-with-computer.svg';
 import contributeImage from '../../../images/triple-arrow-merging-to-one.svg';
-import theme from './index.scss';
 import FooterSection from './footer';
+import theme from './theme.module.scss';
+import './index.scss';
 
 const ContributionSection = () => (
   <div className="contrib-section">

doc/src/templates/landing-main/contrib-section/index.scss

@@ -1,50 +1,25 @@
-:local(.cardFooter) {
-    justify-content: center;
-    margin-top: 4rem;
-    align-self: baseline;
-}
-
-:local(.cardHeader) {
-    color: #0c549c;
-    margin-bottom: 2rem;
-    text-align: center;
-    height: 3rem;
-}
-
-:local(.card) {
-    padding: 1.5rem;
-    z-index: 2;
-    height: fit-content;
-    width: 100%;
-    transition: margin 0.2s ease-in-out;
-}
-
-:local(.button) {
-    background: #f9552a;
-    color: white;
-}
 
 @media only screen and (max-width: 630px) {
-    .row {
-        flex-flow: column !important;
-    }
+  .row {
+      flex-flow: column !important;
+  }
 }
 
 @media only screen and (max-width: 530px) {
-    .row {
-        padding: 2rem !important;
-    }
+  .row {
+      padding: 2rem !important;
+  }
 }
 
 
 .col {
-    margin: 1rem !important;
-    flex-flow: column;
+  margin: 1rem !important;
+  flex-flow: column;
 }
 
 .card-content {
-    img {
-        max-width: 100% !important;
-        height: auto;
-    }
+  img {
+      max-width: 100% !important;
+      height: auto;
+  }
 }

doc/src/templates/landing-main/contrib-section/theme.module.scss

@@ -0,0 +1,25 @@
+:local(.cardFooter) {
+    justify-content: center !important;
+    margin-top: 4rem !important;
+    align-self: baseline;
+}
+
+:local(.cardHeader) {
+    color: #0c549c;
+    margin-bottom: 2rem !important;
+    text-align: center;
+    height: 3rem;
+}
+
+:local(.card) {
+    padding: 1.5rem !important;
+    z-index: 2;
+    height: fit-content;
+    width: 100%;
+    transition: margin 0.2s ease-in-out;
+}
+
+:local(.button) {
+    background-color: #f9552a !important;
+    color: white;
+}