Avoid CSS targeting elements

24019802 · Dan Abramov · 3dea46d8 · 24019802 · 24019802
Commit 24019802 authored 8 years ago by Dan Abramov
Hide whitespace changes
Inline Side-by-side

Showing

with 4 additions and 2 deletions
+4 -2
--- a/src/App.css
+++ b/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 {

--- a/src/App.js
+++ b/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>