From c3b641bb807fedde2da882e1abed3be0aa334fb1 Mon Sep 17 00:00:00 2001 From: LordMathis 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 ( -
+
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 ( -
+
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; + } }