diff options
Diffstat (limited to 'examples/framework-svelte/src')
-rw-r--r-- | examples/framework-svelte/src/pages/index.astro | 17 |
1 files changed, 6 insertions, 11 deletions
diff --git a/examples/framework-svelte/src/pages/index.astro b/examples/framework-svelte/src/pages/index.astro index fa45d05e8..8cf84ef53 100644 --- a/examples/framework-svelte/src/pages/index.astro +++ b/examples/framework-svelte/src/pages/index.astro @@ -9,13 +9,8 @@ import Counter from '../components/Counter.svelte' <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; @@ -23,22 +18,22 @@ import Counter from '../components/Counter.svelte' } :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 client:visible> - <h1>Hello Svelte!</h1> + <h1>Hello, Svelte!</h1> </Counter> </main> </body> |