diff options
Diffstat (limited to 'examples/framework-react/src/pages')
-rw-r--r-- | examples/framework-react/src/pages/index.astro | 17 |
1 files changed, 6 insertions, 11 deletions
diff --git a/examples/framework-react/src/pages/index.astro b/examples/framework-react/src/pages/index.astro index b14489440..ba30fed6f 100644 --- a/examples/framework-react/src/pages/index.astro +++ b/examples/framework-react/src/pages/index.astro @@ -11,13 +11,8 @@ const someProps = { <html lang="en"> <head> <meta charset="utf-8" /> - <meta - name="viewport" - content="width=device-width" - /> - - <link rel="icon" type="image/x-icon" href="/favicon.ico" /> - + <meta name="viewport" content="width=device-width" /> + <link rel="icon" type="image/x-icon" href="/favicon.ico" /> <style> :global(:root) { font-family: system-ui; @@ -25,22 +20,22 @@ const someProps = { } :global(.counter) { display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - place-items: center; font-size: 2em; + grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 2em; + place-items: center; } :global(.children) { display: grid; - place-items: center; margin-bottom: 2em; + place-items: center; } </style> </head> <body> <main> <Counter {...someProps} client:visible> - <h1>Hello React!</h1> + <h1>Hello, React!</h1> </Counter> </main> </body> |