added logo, reacstrap not working

awsmobilejs/.awsmobile/info/project-config.json

@@ -2,5 +2,5 @@
 	"SourceDir": "src",
 	"DistributionDir": "build",
 	"BuildCommand": "yarn react-scripts build",
-	"StartCommand": "react-scripts start"
+	"StartCommand": "yarnpkg react-scripts start"
 }

package.json

@@ -12,7 +12,7 @@
     "reactstrap": "^6.3.0"
   },
   "scripts": {
-    "start": "react-scripts start",
+    "start": "yarnpkg react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test --env=jsdom",
     "eject": "react-scripts eject"

src/App.css

@@ -1,28 +1,9 @@
 .App {
-  text-align: center;
+  background-color: #F3EFEA;
 }
 
 .App-logo {
-  animation: App-logo-spin infinite 20s linear;
-  height: 80px;
-}
+  /* animation: App-logo-spin infinite 20s linear; */
+  height: 9.5vh;
 
-.App-header {
-  background-color: #222;
-  height: 150px;
-  padding: 20px;
-  color: white;
-}
-
-.App-title {
-  font-size: 1.5em;
-}
-
-.App-intro {
-  font-size: large;
-}
-
-@keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-}
+}

src/App.js

@@ -1,5 +1,4 @@
 import React, { Component } from "react";
-import logo from "./logo.svg";
 import "./App.css";
 import Amplify from "aws-amplify";
 import awsmobile from "./aws-exports";