Adjust home screen layout

src/components/About.js

@@ -24,8 +24,10 @@ export default class About extends Component {
       )
     }
 
+    const classes = `${contentStyle.contentWrapper} ${style.about}`
+
     return (
-      <div className={contentStyle.contentWrapper, style.about} >
+      <div className={classes} >
         <Header header={'About Me'} />
         <div className={contentStyle.content} dangerouslySetInnerHTML={{ __html: result }}>
         </div>

src/components/Blog.js

@@ -34,8 +34,10 @@ export default class Blog extends Component {
       </tr>
     )
 
+    const classes = `${contentStyle.contentWrapper} ${styles.blog}`
+
     return (
-      <div className={contentStyle.contentWrapper, styles.blog} id="blog">
+      <div className={classes} id="blog">
         <Header header={'Blog'} />
 
         <div className={contentStyle.content}>

src/components/Wrapper.scss

@@ -7,5 +7,7 @@
 .flexWrap {
   @media only screen and (min-width: $break-large) {
     display: flex;
+    width: 80%;
+    margin: 0 auto;
   }
 }