diff options
| author | Pinapelz <donaldshan1@outlook.com> | 2023-09-20 20:26:20 -0700 |
|---|---|---|
| committer | Pinapelz <donaldshan1@outlook.com> | 2023-09-20 20:26:20 -0700 |
| commit | bd8b413d4035140db16430727845fb9941686d1a (patch) | |
| tree | 4e693a607e03af86ec8c883016125c85a444a03d /src/components/Header.astro | |
| parent | d8a1b4b1866e6718ba87ecbb0edefd50b8d33a99 (diff) | |
Fix projects mobile viewing
Diffstat (limited to 'src/components/Header.astro')
| -rw-r--r-- | src/components/Header.astro | 26 |
1 files changed, 25 insertions, 1 deletions
diff --git a/src/components/Header.astro b/src/components/Header.astro index 171e8e1..211db58 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -59,4 +59,28 @@ border-radius: 50%; margin-left: 1rem; } -</style> + + @media only screen and (max-width: 1020px) { + header { + flex-direction: column; + padding: 1rem; + } + + nav { + margin-top: 1rem; + } + + nav ul { + flex-direction: column; + align-items: center; + } + + nav li { + margin: 0.5rem 0; + } + + #profilePic { + margin: 1rem 0 0; + } + } +</style>
\ No newline at end of file |