update style

src/components/Home/Banner.js

@@ -27,7 +27,7 @@ export default class Banner extends React.Component {
               fontWeight: "normal"
               fontWeight: "normal"
             }}
             }}
           >
           >
-            <h2 style={{ color: "#051f61", marginRight: 20 }}>CONNECT</h2>
+            <h2 style={{ color: "#ffcc01", marginRight: 20 }}>CONNECT</h2>
             <h2 style={{ color: "#fff" }}>EVERYTHING !</h2>
             <h2 style={{ color: "#fff" }}>EVERYTHING !</h2>
           </div>
           </div>
         </div>
         </div>

src/components/Home/WhyUs.js

 import React from "react";
 import React from "react";
 import WindowDimensions from "components/utils/WindowDimension";
 import WindowDimensions from "components/utils/WindowDimension";
+
 const Card = () => {
 const Card = () => {
   return (
   return (
     <div className="why-card">
     <div className="why-card">
@@ -36,9 +37,9 @@ const WhyUS = ({ isMobileSized }) => {
       </p>
       </p>
       <div className="row">
       <div className="row">
         <div className="why-bg" />
         <div className="why-bg" />
+        {[1, 2, 3].map((item, index) => (
           <Card />
           <Card />
-        <Card />
-        <Card />
+        ))}
       </div>
       </div>
     </div>
     </div>
   );
   );

src/scss/style.scss

@@ -43,7 +43,7 @@ body {
   color: $primary;
   color: $primary;
 }
 }
 .why-card {
 .why-card {
-  width: 348px;
+  max-width: 348px;
   height: 399px;
   height: 399px;
   border-radius: 6px;
   border-radius: 6px;
   box-shadow: 0 52px 85px 0 rgba(0, 0, 0, 0.09);
   box-shadow: 0 52px 85px 0 rgba(0, 0, 0, 0.09);