style fixes

Author: prateekbh

src/routes/blog/index.js

@@ -1,5 +1,4 @@
 import { h } from 'preact';
-import { Link } from 'preact-router';
 import { usePrerenderData } from '@preact/prerender-data-provider';
 import Markdown from 'markdown-to-jsx';
 import style from './style';
@@ -34,7 +33,7 @@ function getBlogBody(data, isLoading) {
 			<div>
 				<h1 class={style.blogtitle}>{details.title}</h1>
 				{ details.subtitle && <caption class={style.blogsubtitle}>{details.subtitle}</caption> }
-				{ details.cover && <img class={style.blogcover} src={details.cover} /> }
+				{ details.cover && <div class={style.blogcover} style={`background-image:url(${details.cover})`} /> }
 				<div class={style.blogbody}>
 					<Markdown>{ content }</Markdown>
 				</div>

src/routes/blog/style.css

@@ -2,7 +2,7 @@
   max-width: 728px;
   width: 100%;
   margin: 0 auto 10em;
-  line-height: 1.5;
+  line-height: 1.6rem;
 }
 
 .blogtitle {
@@ -12,7 +12,7 @@
 }
 
 .blogbody {
-  font-size: 1.2rem;
+  font-size: 1.1rem;
 }
 
 .blogbody img {
@@ -33,7 +33,8 @@
 }
 
 .blogcover {
-  width: 100%;
+  height: 400px;
+  background-size: cover;
 }
 
 .loadingPlaceholder .blogtitle {