add footer

lozog · Feb 14, 2022 · fcba88a · fcba88a
1 parent 77f204b
commit fcba88a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/components/layout.tsx b/src/components/layout.tsx
@@ -41,6 +41,9 @@ export const Layout = ({ pageTitle, children }: Props) => {
  <main>
  {children}
  </main>
+ <S.Footer>
+ &#169;2022 Liam Ozog
+ </S.Footer>
  </S.Container>
  </>
  )

diff --git a/src/components/styles.ts b/src/components/styles.ts
@@ -16,7 +16,7 @@ export const Container = styled.div`
  }
 `;
 
-export const Header = styled.div`
+export const Header = styled.header`
  margin: ${dims.appMargin} 0;
 `;
 
@@ -67,3 +67,9 @@ export const IconContainer = styled.div`
  }
  }
 `;
+
+export const Footer = styled.footer`
+ font-size: 12px;
+ margin-top: auto;
+ padding: 20px 0 10px;
+`;