Avoid CSS targeting elements

Author: gaearon

src/App.css

@@ -19,9 +19,11 @@
   justify-content: center;
 }
 
-.App p {
+.App-intro {
   flex: 7;
+  font-size: large;
   padding: 50px;
+  text-align: center;
 }
 
 @keyframes spin {

src/App.js

@@ -9,7 +9,7 @@ export default function App() {
         <img src={logo} className="App-logo" alt="logo" />
         <h2>Welcome to React.</h2>
       </div>
-      <p>
+      <p className="App-intro">
         To get started, edit <code>src/App.js</code> and save to reload.
       </p>
     </div>