diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-01-23 17:25:15 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-01-23 17:25:15 -0500 |
| commit | d873a13bbbd6cf6960cab5a3e627e69af4195d63 (patch) | |
| tree | 6801c4436c270acbb7f04a756defe7178e2a896e /src/layouts/Page.astro | |
| parent | 67f5db139b27e4dfeb8dc8a6837dc22b1b6de70c (diff) | |
| download | personal-website-d873a13bbbd6cf6960cab5a3e627e69af4195d63.tar.gz personal-website-d873a13bbbd6cf6960cab5a3e627e69af4195d63.tar.bz2 personal-website-d873a13bbbd6cf6960cab5a3e627e69af4195d63.zip | |
Added guidelines and markdown layout
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> |