diff options
| author |  Joe Banks <[email protected]> | 2020-09-28 21:05:59 +0100 |
|---|---|---|
| committer |  GitHub <[email protected]> | 2020-09-28 21:05:59 +0100 |
| commit | 3d4ca61a96bef886eb26bcdb914b331880e28637 (patch) | |
| tree | c0c7ad163af36ddc221d5ed3fbaecb75ee98ea27 /src/components/HeaderBar/index.tsx | |
| parent | Merge pull request #8 from python-discord/dev/remove-duplicate-console-log (diff) | |
| parent | Change landing page structure to be centered (diff) | |
Merge pull request #9 from python-discord/design/font-changes
Header and form list styling changes
Diffstat (limited to 'src/components/HeaderBar/index.tsx')
| -rw-r--r-- | src/components/HeaderBar/index.tsx | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/src/components/HeaderBar/index.tsx b/src/components/HeaderBar/index.tsx index 97dbb8c..0569e3d 100644 --- a/src/components/HeaderBar/index.tsx +++ b/src/components/HeaderBar/index.tsx @@ -12,7 +12,11 @@ position: absolute; width: 100%; transition: height 1s; -@media (max-width: 660px) { +@media (max-width: 770px) { + height: 180px; +} + +@media (max-width: 580px) { height: 140px; } `; @@ -26,18 +30,19 @@ function HeaderBar() { <h1 css={css` font-size: 4em; margin: 0; - margin-top: 10px; + margin-top: 30px; margin-left: 30px; margin-bottom: 200px; transition-property: font-size, margin-bottom; transition-duration: 1s; + font-family: "Uni Sans", "Hind", "Arial", sans-serif; - @media (max-width: 660px) { + @media (max-width: 770px) { margin-bottom: 100px; font-size: 3em; } - @media (max-width: 510px) { + @media (max-width: 580px) { font-size: 2em; } `}> |