This commit is contained in:
LordMathis 2019-10-08 22:20:42 +02:00
parent 2f23dd9a00
commit c3b641bb80
No known key found for this signature in database
GPG Key ID: 575849FD91CE470C
5 changed files with 12 additions and 5 deletions

View File

@ -3,6 +3,7 @@ import React, { Component } from 'react'
import { Spinner, Header } from '.' import { Spinner, Header } from '.'
import '../static/stylesheets/globals.scss' import '../static/stylesheets/globals.scss'
import contentStyle from '../static/stylesheets/content.scss' import contentStyle from '../static/stylesheets/content.scss'
import style from './About.scss'
import MarkdownIt from 'markdown-it' import MarkdownIt from 'markdown-it'
export default class About extends Component { export default class About extends Component {
@ -24,7 +25,7 @@ export default class About extends Component {
} }
return ( return (
<div className={contentStyle.contentWrapper} id="about"> <div className={contentStyle.contentWrapper, style.about} >
<Header header={'About Me'} /> <Header header={'About Me'} />
<div className={contentStyle.content} dangerouslySetInnerHTML={{ __html: result }}> <div className={contentStyle.content} dangerouslySetInnerHTML={{ __html: result }}>
</div> </div>

View File

@ -1,5 +1,5 @@
@import "../static/stylesheets/variables.scss"; @import "../static/stylesheets/variables.scss";
#about { .about {
background-color: #324263; flex: 30%;
} }

View File

@ -35,7 +35,7 @@ export default class Blog extends Component {
) )
return ( return (
<div className={contentStyle.contentWrapper} id="blog"> <div className={contentStyle.contentWrapper, styles.blog} id="blog">
<Header header={'Blog'} /> <Header header={'Blog'} />
<div className={contentStyle.content}> <div className={contentStyle.content}>

View File

@ -22,3 +22,7 @@
vertical-align: top; vertical-align: top;
} }
} }
.blog {
flex: 70%;
}

View File

@ -5,5 +5,7 @@
} }
.flexWrap { .flexWrap {
@media only screen and (min-width: 1024px) {
display: flex; display: flex;
} }
}