diff options
| author |  Charles F. Munat <charles.munat@gmail.com>
| 2022-07-31 20:10:10 +1200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-07-31 01:10:10 -0700 |
| commit | 8882e525393492734c7f45965e88efd8f3d5a720 (patch) | |
| tree | 327cdd5218ef5ce14b0e38f7811d52172255db07 /examples/react/src | |
| parent | ccc22bb968390809cd5d87ce7970b4d93cd2a902 (diff) | |
| download | bun-8882e525393492734c7f45965e88efd8f3d5a720.tar.gz bun-8882e525393492734c7f45965e88efd8f3d5a720.tar.zst bun-8882e525393492734c7f45965e88efd8f3d5a720.zip | |
Fix/react accessibility (#932)
Diffstat (limited to 'examples/react/src')
| -rw-r--r-- | examples/react/src/App.css | 6 | ||||
| -rw-r--r-- | examples/react/src/App.jsx | 8 |
2 files changed, 9 insertions, 5 deletions
diff --git a/examples/react/src/App.css b/examples/react/src/App.css index 74b5e0534..c5b692d06 100644 --- a/examples/react/src/App.css +++ b/examples/react/src/App.css @@ -13,7 +13,11 @@ } } -.App-header { +.App h1 { + font-size: 1.75rem; +} + +.App-article { background-color: #282c34; min-height: 100vh; display: flex; diff --git a/examples/react/src/App.jsx b/examples/react/src/App.jsx index d20dd12fe..a3e9150b9 100644 --- a/examples/react/src/App.jsx +++ b/examples/react/src/App.jsx @@ -1,10 +1,10 @@ -import logo from "./logo.svg"; import "./App.css"; +import logo from "./logo.svg"; function App() { return ( - <div className="App"> - <header className="App-header"> + <div className="App" role="main"> + <article className="App-article"> <img src={logo} className="App-logo" alt="logo" /> <h3>Welcome to React!</h3> <a @@ -15,7 +15,7 @@ function App() { > Learn React </a> - </header> + </article> </div> ); } |