Fix: Logo size change during resizing

Author: rebecatschiedel

components/Nav.js

@@ -25,7 +25,7 @@ export default function Nav() {
         <div className={styles.align}>
           <Link href="/">
             <img
-              className={`${styles.img} ${styles.logo}`}
+              className={styles.logo}
               src="/images/web-dev-path-logo-small.png"
               alt="Logo"
             />

styles/Nav.module.css

@@ -1,7 +1,3 @@
-.img {
-  max-width: 100%;
-}
-
 .navContainer {
   width: 80%;
   max-width: 800px;
@@ -106,6 +102,7 @@
 
 .logo {
   border-radius: 50%;
+  height: 5em;
 }
 
 @media (min-width: 768px) {