fix paddings

src/assets/style/_variables.scss

@@ -11,8 +11,8 @@ body {
  	--title-color: #111;
  	--link-color: #2cb2f5;
  	--border-color:  rgba(0,0,0,.1);;
-  --space: 2.5rem;
-  --container-width: 800px;
+  --space: 3.5rem;
+  --container-width: 860px;
   --header-height: 80px;
   --radius: 5px;
 }

src/components/PostMeta.vue

@@ -16,5 +16,6 @@ export default {
 <style lang="scss">
 .post-meta {
 	font-size: .8em;
+	opacity: .7;
 }
 </style>

src/layouts/Default.vue

@@ -63,7 +63,7 @@ export default {
 .main {
   max-width: var(--container-width);
   margin: 0 auto;
-  padding: 3.33vw 15px 0;
+  padding: 2.5vw 15px 0;
 }
 
 .footer {

src/templates/Post.vue

@@ -45,14 +45,14 @@ query Post ($path: String!) {
     timeToRead
     excerpt
     content
-    poster (width: 780, blur: 10)
+    poster (width: 860, blur: 10)
   }
 }
 </page-query>
 
 <style lang="scss">
 .post-title {
-	padding: calc(var(--space) / 2) 0 var(--space);
+	padding: calc(var(--space) / 2) 0 calc(var(--space) / 2);
 	text-align: center;
 }
 
@@ -65,7 +65,9 @@ query Post ($path: String!) {
 		margin-bottom: calc(var(--space) / 2);
 		overflow: hidden;
 		border-radius: var(--radius) var(--radius) 0 0;
-		
+		img {
+			width: 100%;
+		}
 		&:empty {
 			display: none;
 		}