Modify styling to match mockup screenshot

Author: theresemyl

components/Footer.js

@@ -33,7 +33,9 @@ export default function Footer() {
         </Link>
       </Container>
       <Container>
-        <p>© Web Dev Path {new Date().getFullYear()}. All rights reserved.</p>
+        <p className={footerStyles.footer__copyright}>
+          © Web Dev Path {new Date().getFullYear()}. All rights reserved.
+        </p>
       </Container>
     </footer>
   );

styles/Footer.module.scss

@@ -6,7 +6,7 @@
   color: $white;
 
   &__inner {
-    padding: 2.5rem 0;
+    padding-top: 2.5rem;
     text-align: center;
 
     @include tablet {
@@ -51,4 +51,11 @@
       max-width: max-content;
     }
   }
+
+  &__copyright {
+    text-align: center;
+    margin: 0;
+    font-size: 1rem;
+    padding-bottom: 2.5rem;
+  }
 }