diff --git a/components/layout.js b/components/layout.js index cc8bac1..9025742 100644 --- a/components/layout.js +++ b/components/layout.js @@ -36,7 +36,6 @@ const HeaderTitle = styled.h1``; const HeaderNav = styled.nav` display: flex; - margin-left: auto; ul { display: flex; @@ -58,6 +57,14 @@ const HeaderNav = styled.nav` } `; +const ButtonGroup = styled.div` + margin-left: auto; + + & > *:not(:last-child) { + margin-right: 0.7rem; + } +`; + function HeaderNavLink({ children, ...props }) { const router = useRouter(); return ( @@ -88,12 +95,12 @@ function Header() {
  • Sneknet
  • -
  • - - -
  • + + + + ); } diff --git a/lib/common-style.js b/lib/common-style.js index 2728867..7fe1432 100644 --- a/lib/common-style.js +++ b/lib/common-style.js @@ -3,10 +3,11 @@ import styled from "styled-components"; export const Hero = styled.div``; export const Blurb = styled.p` - font-size: 2rem; + font-size: 3.5rem; margin-left: auto; - max-width: 28rem; - text-align: right; + margin-right: auto; + max-width: 60rem; + text-align: center; `; export const PageTitle = styled.h2`