3 files changed, 9 insertions, 6 deletions
diff --git a/pages/career.js b/pages/career.js
index 50a21ea..a133d9e 100644
--- a/pages/career.js
+++ b/pages/career.js
@@ -1,11 +1,12 @@
 import Head from 'next/head'
+import Container from '@material-ui/core/Container';
 import styles from '../styles/Page.module.css'
 import Link from 'next/link'
 import Button from '@material-ui/core/Button'
 
 export default function Career() {
   return (
-    <div className={styles.container}>
+    <Container>
       <Head>
         <title>Lawrence Hill Project</title>
         <link rel="icon" href="/favicon.ico" />
@@ -24,6 +25,6 @@ export default function Career() {
             Next.JS & Netlify. {' '}
             <a href="https://alee14.me" target="_blank">Website by Andrew Lee</a></p>
         </footer>
-    </div>
+    </Container>
   )
 }
diff --git a/pages/childhood-adulthood.js b/pages/childhood-adulthood.js
index 0bcc232..d6e5c3b 100644
--- a/pages/childhood-adulthood.js
+++ b/pages/childhood-adulthood.js
@@ -1,11 +1,12 @@
 import Head from 'next/head'
+import Container from '@material-ui/core/Container';
 import styles from '../styles/Page.module.css'
 import Link from 'next/link'
 import Button from '@material-ui/core/Button'
 
 export default function ChildhoodAdulthood() {
   return (
-    <div className={styles.container}>
+    <Container>
       <Head>
         <title>Lawrence Hill Project</title>
         <link rel="icon" href="/favicon.ico" />
@@ -30,6 +31,6 @@ export default function ChildhoodAdulthood() {
             Next.JS & Netlify. {' '}
             <a href="https://alee14.me" target="_blank">Website by Andrew Lee</a></p>
         </footer>
-    </div>
+    </Container>
   )
 }
diff --git a/pages/index.js b/pages/index.js
index b88a251..e01d076 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,11 +1,12 @@
 import Head from 'next/head'
+import Container from '@material-ui/core/Container';
 import styles from '../styles/Home.module.css'
 import Button from '@material-ui/core/Button';
 import Link from 'next/link'
 
 export default function Home() {
   return (
-    <div className={styles.container}>
+    <Container>
       <Head>
         <title>Lawrence Hill Project</title>
         <link rel="icon" href="/favicon.ico" />
@@ -33,6 +34,6 @@ export default function Home() {
             Next.JS & Netlify. {' '}
             <a href="https://alee14.me" target="_blank">Website by Andrew Lee</a></p>
         </footer>
-    </div>
+    </Container>
   )
 }