diff --git a/packages/react-scripts/template/src/App.css b/packages/react-scripts/template/src/App.css index 15adfdc710ca89d2c427dcbb6716943e1029c73a..c5c6e8a68adcb5249ebdf283ffb34b8531d8b1f0 100644 --- a/packages/react-scripts/template/src/App.css +++ b/packages/react-scripts/template/src/App.css @@ -14,6 +14,10 @@ color: white; } +.App-title { + font-size: 1.5em; +} + .App-intro { font-size: large; } diff --git a/packages/react-scripts/template/src/App.js b/packages/react-scripts/template/src/App.js index d7d52a7f38a321668d4fa83409a7c47d1bfccd7c..203067e4d7553b342bf6507a30ced6f5c806e1c5 100644 --- a/packages/react-scripts/template/src/App.js +++ b/packages/react-scripts/template/src/App.js @@ -6,10 +6,10 @@ class App extends Component { render() { return ( <div className="App"> - <div className="App-header"> + <header className="App-header"> <img src={logo} className="App-logo" alt="logo" /> - <h2>Welcome to React</h2> - </div> + <h1 className="App-title">Welcome to React</h1> + </header> <p className="App-intro"> To get started, edit <code>src/App.js</code> and save to reload. </p>