diff --git a/components/Footer.css b/components/Footer.css new file mode 100644 index 0000000..c9bb66d --- /dev/null +++ b/components/Footer.css @@ -0,0 +1,29 @@ +footer { + height: fit-content; + width: 100%; + padding: var(--_gap); + display: flex; + gap: var(--_gap); + justify-content: space-around; + background-color: var(--_translucent); +} + +.footer__badges { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: var(--_gap-half); + padding-top: var(--_gap); +} + +.footer__badges__item { + text-decoration: none; + background-color: var(--_translucent); + color: var(--_font-color); + padding: var(--_gap-half); + border-radius: var(--radius-5); + text-align: center; + + &:hover { + color: var(--_accent-color); + } +} diff --git a/components/Footer.tsx b/components/Footer.tsx new file mode 100644 index 0000000..ecb480c --- /dev/null +++ b/components/Footer.tsx @@ -0,0 +1,87 @@ +export function Footer() { + return ( + + ) +} diff --git a/src/stylesheets/components.css b/src/stylesheets/components.css index 5e080ea..95d6241 100644 --- a/src/stylesheets/components.css +++ b/src/stylesheets/components.css @@ -1 +1,2 @@ @import url('../../components/Header.css'); +@import url('../../components/Footer.css');