чистый css

React/HW_React_2/src/App.css

@@ -0,0 +1,44 @@
+.GoodCard{
+  border: 1px solid cyan;
+  border-radius: 15px;
+}
+
+.GoodCard img{
+	max-width: 50%;
+}
+
+
+.GoodCard2{
+  border: 1px solid cyan;
+  border-radius: 15px;
+  height: 300px;
+  margin: 40px;
+}
+
+.GoodCard2 img{
+	 max-width: 15%;
+}
+
+
+  .Logo img{
+        max-height:100px;
+   }
+
+  footer{
+    background-color: #303030; 
+      
+  }
+
+  .Logo img{
+        max-height:200px;
+   }
+
+   main{
+   		display:flex;
+    	flex-direction: row;
+   }
+
+  main aside{
+      width:30%;
+      background-color: cyan;
+  }

React/HW_React_2/src/App.js

@@ -1,5 +1,5 @@
 import logoDefault from './logo.svg';
-import './App.scss';
+import './App.css';
 import {Provider, connect} from 'react-redux';
 import {createStore, combineReducers, applyMiddleware} from 'redux';
 import thunk from 'redux-thunk';

React/HW_React_2/src/App.scss

@@ -1,46 +0,0 @@
-
-.GoodCard{
-  border: 1px solid cyan;
-  border-radius: 15px;
-  img{
-    max-width: 50%;
-  }
-}
-
-.GoodCard2{
-  border: 1px solid cyan;
-  border-radius: 15px;
-  height: 300px;
-  margin: 40px;
-  img{
-    max-width: 15%;
-  }
-}
-
-.App {
-  header{
-      .Logo{
-          img{
-              max-height:100px;
-          }
-      }
-  }
-
-  footer{
-    background-color: #303030; 
-      .Logo{
-          img{
-              max-height:200px;
-          }
-      }
-  }
-
-  main{
-    display:flex;
-    flex-direction: row;
-    aside{
-      width:30%;
-      background-color: cyan;
-    }
-  }
-}