update style

package.json

 {
-	"name": "homepage_nexpie",
-	"version": "0.1.0",
-	"homepage": "",
-	"private": true,
-	"dependencies": {
-		"@babel/cli": "^7.5.5",
-		"babel-plugin-react-intl": "^4.1.3",
-		"bulma": "^0.7.5",
-		"node-sass": "^4.12.0",
-		"node-sass-chokidar": "1.3.5",
-		"prop-types": "^15.7.2",
-		"react": "^16.8.6",
-		"react-bulma-components": "^3.0.1-6",
-		"react-country-flag": "^1.0.2",
-		"react-dom": "^16.8.6",
-		"react-full-page": "^0.1.7",
-		"react-full-snap": "^1.0.1",
-		"react-fully-scrolled": "^1.0.4",
-		"react-icons": "^3.7.0",
-		"react-intl": "^2.9.0",
-		"react-particles-js": "^2.7.0",
-		"react-redux": "^7.1.0",
-		"react-router-dom": "^5.0.1",
-		"react-scripts": "3.0.1",
-		"redux": "^4.0.4",
-		"redux-thunk": "^2.3.0"
-	},
-	"scripts": {
-		"build-css": "node-sass-chokidar --include-path ./src/scss --include-path ./node_modules src/scss/ -o src/",
-		"watch-css": "build-css && node-sass-chokidar --include-path ./src/scss --include-path ./node_modules src/scss/ -o src/ --watch --recursive",
-		"extract-messages": "NODE_ENV=production babel ./src  --out-file /dev/null",
-		"start": "react-scripts start ",
-		"build": "react-scripts build",
-		"test": "react-scripts test",
-		"eject": "react-scripts eject"
-	},
-	"eslintConfig": {
-		"extends": "react-app"
-	},
-	"browserslist": {
-		"production": [
-			">0.2%",
-			"not dead",
-			"not op_mini all"
-		],
-		"development": [
-			"last 1 chrome version",
-			"last 1 firefox version",
-			"last 1 safari version"
-		]
-	}
+  "name": "homepage_nexpie",
+  "version": "0.1.0",
+  "homepage": "",
+  "private": true,
+  "dependencies": {
+    "@babel/cli": "^7.5.5",
+    "babel-plugin-react-intl": "^4.1.3",
+    "bulma": "^0.7.5",
+    "node-sass": "^4.12.0",
+    "node-sass-chokidar": "1.3.5",
+    "prop-types": "^15.7.2",
+    "react": "^16.8.6",
+    "react-bulma-components": "^3.0.1-6",
+    "react-country-flag": "^1.0.2",
+    "react-dom": "^16.8.6",
+    "react-full-page": "^0.1.7",
+    "react-full-snap": "^1.0.1",
+    "react-fully-scrolled": "^1.0.4",
+    "react-icons": "^3.7.0",
+    "react-intl": "^2.9.0",
+    "react-particles-js": "^2.7.0",
+    "react-redux": "^7.1.0",
+    "react-router-dom": "^5.0.1",
+    "react-scripts": "3.0.1",
+    "redux": "^4.0.4",
+    "redux-thunk": "^2.3.0"
+  },
+  "scripts": {
+    "build-css": "node-sass-chokidar --include-path ./src/scss --include-path ./node_modules src/scss/ -o src/",
+    "watch-css": "build-css && node-sass-chokidar --include-path ./src/scss --include-path ./node_modules src/scss/ -o src/ --watch --recursive",
+    "extract-messages": "NODE_ENV=production babel ./src  --out-file /dev/null",
+    "start": "react-scripts start ",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": "react-app"
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
 }

src/components/Home/Banner.js

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

src/components/Home/WhyUs.js

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

src/scss/style.scss

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