diff options
Diffstat (limited to 'src/layouts/Page.astro')
| -rw-r--r-- | src/layouts/Page.astro | 22 |
1 files changed, 19 insertions, 3 deletions
diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro index b0f202a..9b8dd8f 100644 --- a/src/layouts/Page.astro +++ b/src/layouts/Page.astro @@ -3,15 +3,31 @@ import Layout from './Default.astro'; const { title, description } = Astro.props; --- -<Layout title=`${title} | Andrew Lee` description={description}> +<Layout title=`${title} - Andrew Lee` description={description}> <header> - <h1>{title}</h1> - <h2>{description}</h2> + <h1 class="header-text">{title}</h1> + <h2 class="header-text">{description}</h2> </header> </Layout> <style> header { + display: flex; + flex-direction: column; + gap: 0.5em; + margin: 0; + padding: 0; text-align: center; } + + .header-text { + font-size: 2em; + margin: 0; + } + + h2.header-text { + font-size: 1.5em; + font-weight: 300; + } + </style> |