Flex it
This commit is contained in:
parent
2f23dd9a00
commit
c3b641bb80
|
@ -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>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
@import "../static/stylesheets/variables.scss";
|
@import "../static/stylesheets/variables.scss";
|
||||||
|
|
||||||
#about {
|
.about {
|
||||||
background-color: #324263;
|
flex: 30%;
|
||||||
}
|
}
|
|
@ -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}>
|
||||||
|
|
|
@ -22,3 +22,7 @@
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.blog {
|
||||||
|
flex: 70%;
|
||||||
|
}
|
||||||
|
|
|
@ -5,5 +5,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.flexWrap {
|
.flexWrap {
|
||||||
|
@media only screen and (min-width: 1024px) {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue