Skeleton of the new style

pages/components/Footer.tsx

@@ -4,12 +4,7 @@ import styles from '../../styles/Footer.module.scss';
 
 export const Footer = () => {
   return (
-    <footer>
-      <div className={styles.mobileMiddle}>
-        <Link href='/#nav-bar'>
-          <img src='small-logo.png' alt='small logo' />
-        </Link>
-      </div>
+    <footer className={styles.footer}>
       <div className={styles.container}>
         <div className={styles.left}>
           Livonsaari & Palva & Velkuanmaa
@@ -19,25 +14,27 @@ export const Footer = () => {
         </div>
         <div className={styles.middle}>
           <Link href='/#nav-bar'>
-            <img src='small-logo.png' alt='small logo' />
+            <img
+              className={styles.logo}
+              src='small-logo.png'
+              alt='small logo'
+            />
           </Link>
+          <div>
+            <a
+              className={styles.sourceLink}
+              href='https://github.com/codevictory/runosaari.net'
+            >
+              lähdekoodi
+            </a>
+            by codevictory
+          </div>
         </div>
         <div className={styles.right}>
           Katariina Vuorinen <br />
-          <a className='generic-link' href='mailto:runosaari@gmail.com'>
-            runosaari@gmail.com
-          </a>
+          <a href='mailto:runosaari@gmail.com'>runosaari@gmail.com</a>
         </div>
       </div>
-      <div>
-        <a
-          className='generic-link'
-          href='https://github.com/codevictory/runosaari.net'
-        >
-          lähdekoodi
-        </a>
-        by codevictory
-      </div>
     </footer>
   );
 };