diff options
Diffstat (limited to 'examples/blog/src/components/Nav.astro')
| -rw-r--r-- | examples/blog/src/components/Nav.astro | 19 |
1 files changed, 13 insertions, 6 deletions
diff --git a/examples/blog/src/components/Nav.astro b/examples/blog/src/components/Nav.astro index 86919ac4d..5949adb0d 100644 --- a/examples/blog/src/components/Nav.astro +++ b/examples/blog/src/components/Nav.astro @@ -4,9 +4,13 @@ export let title; <style lang="scss"> .header { - display: flex; - align-items: center; - padding: 2rem; + text-align: center; + + @media (min-width: 600px) { + display: flex; + align-items: center; + padding: 2rem; + } } .title { @@ -18,11 +22,14 @@ export let title; } .nav { - display: flex; + text-align: center; + + @media (min-width: 600px) { + display: flex; + } } ul { - display: flex; list-style: none; margin: 0; padding: 0; @@ -44,7 +51,7 @@ a { <nav class="header"> <h1 class="title">Don’s Blog</h1> <ul class="nav"> - <li><a href="/">All Posts</a></li> + <li><a href="/posts">All Posts</a></li> <li><a href="/author/don">Author: Don</a></li> <li><a href="/author/sancho">Author: Sancho</a></li> <li><a href="/about">About</a></li> |