{this.props.children}
)
diff --git a/src/components/Wrapper.scss b/src/components/Wrapper.scss
index 1dc67b1..da55a0f 100644
--- a/src/components/Wrapper.scss
+++ b/src/components/Wrapper.scss
@@ -2,12 +2,18 @@
.centerContent {
text-align: center;
+ margin: 0 auto;
}
-.flexWrap {
+.flex {
@media only screen and (min-width: $break-large) {
- display: flex;
width: 80%;
- margin: 0 auto;
+ display: flex;
+ }
+}
+
+.noFlex {
+ @media (min-width: $break-large) {
+ width: 960px;
}
}
diff --git a/src/containers/PostContainer.js b/src/containers/PostContainer.js
index 77992cf..6b505b4 100644
--- a/src/containers/PostContainer.js
+++ b/src/containers/PostContainer.js
@@ -1,6 +1,6 @@
import React, { Component } from 'react'
import PropTypes from 'prop-types'
-import { Post, Wrapper, NotFoundPage } from '../components'
+import { Post, NotFoundPage } from '../components'
export default class PostContainer extends Component {
static propTypes = {
@@ -35,10 +35,10 @@ export default class PostContainer extends Component {
}
return (
-