diff --git a/src/components/Blog.js b/src/components/Blog.js index b119f76..42eb365 100644 --- a/src/components/Blog.js +++ b/src/components/Blog.js @@ -16,14 +16,14 @@ export default class Blog extends Component { } let posts = this.props.posts.map((post) => -
-
-
- {post.published} - {post.title} -
-
-
+ + + {post.published} + + + {post.title} + + ) return ( @@ -31,9 +31,11 @@ export default class Blog extends Component {
-
- {posts} -
+ + + {posts} + +
diff --git a/src/components/Blog.scss b/src/components/Blog.scss index 5c85921..1f4510a 100644 --- a/src/components/Blog.scss +++ b/src/components/Blog.scss @@ -1,29 +1,21 @@ @import "../static/stylesheets/variables.scss"; -.post { - display: inline-block; - float: left; - span { - margin-right: 30px; - } - a { - color: $blue; - text-decoration: none; - text-transform: capitalize; - font-family: $font-header; - font-size: 1.2em; - } +.postDate { + margin-right: 50px; +} + +.postTitle { + color: $blue; + text-decoration: none; + text-transform: capitalize; + font-family: $font-header; + font-size: 1.2em; } .postsWrapper { margin-top: 20px; } -.postHeader { - overflow: hidden; - padding: 0 5px 0 5px; -} - .postListItem { margin: 8px; } diff --git a/src/components/Post.scss b/src/components/Post.scss index e3ea681..a1c7091 100644 --- a/src/components/Post.scss +++ b/src/components/Post.scss @@ -2,6 +2,9 @@ .postContent { clear: both; + h1,h2,h2,h4,h5,h6 { + color: $black; + } } .postDate {