From c3b641bb807fedde2da882e1abed3be0aa334fb1 Mon Sep 17 00:00:00 2001
From: LordMathis <matus@namesny.com>
Date: Tue, 8 Oct 2019 22:20:42 +0200
Subject: [PATCH] Flex it

---
 src/components/About.js     | 3 ++-
 src/components/About.scss   | 4 ++--
 src/components/Blog.js      | 2 +-
 src/components/Blog.scss    | 4 ++++
 src/components/Wrapper.scss | 4 +++-
 5 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/About.js b/src/components/About.js
index bcd3f4d..04b9dac 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -3,6 +3,7 @@ import React, { Component } from 'react'
 import { Spinner, Header } from '.'
 import '../static/stylesheets/globals.scss'
 import contentStyle from '../static/stylesheets/content.scss'
+import style from './About.scss'
 import MarkdownIt from 'markdown-it'
 
 export default class About extends Component {
@@ -24,7 +25,7 @@ export default class About extends Component {
     }
 
     return (
-      <div className={contentStyle.contentWrapper} id="about">
+      <div className={contentStyle.contentWrapper, style.about} >
         <Header header={'About Me'} />
         <div className={contentStyle.content} dangerouslySetInnerHTML={{ __html: result }}>
         </div>
diff --git a/src/components/About.scss b/src/components/About.scss
index c9b81a3..e2ff11e 100644
--- a/src/components/About.scss
+++ b/src/components/About.scss
@@ -1,5 +1,5 @@
 @import "../static/stylesheets/variables.scss";
 
-#about {
-    background-color: #324263;
+.about {
+    flex: 30%;
 }
\ No newline at end of file
diff --git a/src/components/Blog.js b/src/components/Blog.js
index d5ff2b6..af07241 100644
--- a/src/components/Blog.js
+++ b/src/components/Blog.js
@@ -35,7 +35,7 @@ export default class Blog extends Component {
     )
 
     return (
-      <div className={contentStyle.contentWrapper} id="blog">
+      <div className={contentStyle.contentWrapper, styles.blog} id="blog">
         <Header header={'Blog'} />
 
         <div className={contentStyle.content}>
diff --git a/src/components/Blog.scss b/src/components/Blog.scss
index ee2fc7b..b2baa05 100644
--- a/src/components/Blog.scss
+++ b/src/components/Blog.scss
@@ -22,3 +22,7 @@
     vertical-align: top;
   }
 }
+
+.blog {
+  flex: 70%;
+}
diff --git a/src/components/Wrapper.scss b/src/components/Wrapper.scss
index d3c0185..9c29e5f 100644
--- a/src/components/Wrapper.scss
+++ b/src/components/Wrapper.scss
@@ -5,5 +5,7 @@
 }
 
 .flexWrap {
-  display: flex;
+  @media only screen and (min-width: 1024px) {
+    display: flex;
+  }
 }