Merge pull request #90 from Web-Dev-Path/chore/normalize-font-sizes

Normalizing project font sizes

Author: mariana-caldas

CHANGELOG.md

@@ -29,3 +29,4 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - updated TwoColumn.js component with style props
 - updated favicon icon and add OG
 - normalized container use on components
+- normalized font sizes

components/Footer.js

@@ -23,8 +23,8 @@ export default function Footer() {
           <a className={footerStyles.footer__logo} title="Go to the Homepage">
             <Image
               src="/images/svg/logo.svg"
-              height={326}
-              width={326}
+              height={250}
+              width={250}
               alt="Logo"
               priority
             />

components/Layout.js

@@ -1,13 +1,14 @@
 import Nav from './Nav';
 import Meta from './Meta';
 import Footer from './Footer';
+import styles from '../styles/Layout.module.scss';
 
 export default function Layout({ children }) {
   return (
     <>
       <Meta />
       <Nav />
-      <main>{children}</main>
+      <main className={styles.main}>{children}</main>
       <Footer />
     </>
   );

components/mailchimp/NewsletterForm.js

@@ -90,7 +90,7 @@ const NewsletterForm = ({ status, message, onValidated }) => {
               onKeyUp={event => handleInputKeyEvent(event)}
             />
             <button className={newsletterStyles.newsletter__button}>
-              subscribe
+              Subscribe
             </button>
           </form>
           <div className={newsletterStyles.newsletterFormInfo}>

pages/404.js

@@ -1,5 +1,6 @@
 import Link from 'next/link';
-const NotFound = () => {
+
+export default function NotFound() {
   return (
     <div className="not-found">
       <h1>Ooops...</h1>
@@ -12,5 +13,4 @@ const NotFound = () => {
       </p>
     </div>
   );
-};
-export default NotFound;
+}

pages/about-us.js

@@ -1,3 +1,9 @@
 export default function AboutUs() {
-  return <h1>Hello from About Us</h1>;
+  return (
+    <div className="about-us">
+      <h1>About Us</h1>
+      <p>We're building this page.</p>
+      <p>Stay tuned!</p>
+    </div>
+  );
 }

pages/blog/first-post.js

@@ -1,3 +1,9 @@
 export default function FirstPost() {
-  return <h1>First Post</h1>;
+  return (
+    <div class="post">
+      <h1>First Post</h1>
+      <p>We're building this page.</p>
+      <p>Stay tuned!</p>
+    </div>
+  );
 }

pages/blog/index.js

@@ -2,8 +2,9 @@ import Link from 'next/link';
 
 export default function Blog() {
   return (
-    <div>
-      <h1>Hello from the blog page</h1>
+    <div className="blog">
+      <h1>Blog Page</h1>
+      <p>We're building this page. Stay tuned!</p>
       <ul>
         <li>
           <Link href="/blog/first-post">

pages/contact-us.js

@@ -1,3 +1,9 @@
 export default function ContactUs() {
-  return <h1>Hello from Contact Us</h1>;
+  return (
+    <div className="contact-us">
+      <h1>Contact Us</h1>
+      <p>We're building this page.</p>
+      <p>Stay tuned!</p>
+    </div>
+  );
 }

styles/Card.module.scss

@@ -33,10 +33,6 @@
   }
 
   .content {
-    font-style: normal;
-    font-weight: normal;
-    font-size: 1.5rem;
-    line-height: 2rem;
     display: flex;
     align-items: center;
   }