diff options
Diffstat (limited to 'src/layouts/Page.astro')
| -rw-r--r-- | src/layouts/Page.astro | 18 |
1 files changed, 15 insertions, 3 deletions
diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro index 91ef798..667f7c3 100644 --- a/src/layouts/Page.astro +++ b/src/layouts/Page.astro @@ -8,7 +8,9 @@ const { title, description } = Astro.props; <h1 class="header-text">{title}</h1> <h2 class="header-text">{description}</h2> </header> - <slot /> + <div class="container"> + <slot /> + </div> </Layout> <style> @@ -17,9 +19,8 @@ const { title, description } = Astro.props; flex-direction: column; gap: 0.5em; margin: 0; - padding: 0; text-align: center; - padding-bottom: 1em; + padding: 0 0 1em; } .header-text { @@ -31,5 +32,16 @@ const { title, description } = Astro.props; font-size: 1.5em; font-weight: 300; } + .container { + margin: 10px 10em 10px 10em; + } + + @media (max-width: 768px) { + .container { + margin: 10px 20px 10px 20px; + } + } + + </style> |