diff --git a/web/src/components/Footer.js b/web/src/components/Footer.js index 05354b5..80b5805 100644 --- a/web/src/components/Footer.js +++ b/web/src/components/Footer.js @@ -6,45 +6,67 @@ import { ExternalLink } from './Links' export default function Footer() { return ( - -

- Made with{' '} - - 🦀 - {' '} - by{' '} - - Yasuaki Uechi - -

- - - - - - - - -
+ + +

+ Made with{' '} + + 🦀 + {' '} + by{' '} + + Yasuaki Uechi + +

+ + + + + + + + +
+ + + + + 🇬🇧 + + + + + 🇯🇵 + + + +
) } -const Container = styled.footer` +const Contaienr = styled.div` + display: flex; + flex-direction: column; + align-items: center; margin: 40px 0; - text-align: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 0.7rem; - display: flex; - justify-content: center; - line-height: 1em; - ${ExternalLink} { + a { color: black; text-decoration: none; } ` +const Box = styled.footer` + margin-bottom: 10px; + display: flex; + flex-direction: row; + justify-content: center; + line-height: 1em; +` + const Links = styled.div` margin-left: 15px; display: flex;