From 43809d04aec697b227f66a9f8091dd7b622f59ef Mon Sep 17 00:00:00 2001
From: Dean Attali <daattali@gmail.com>
Date: Sun, 5 Jul 2020 03:53:40 +0000
Subject: [PATCH] make post images in feed smaller in smaller screens

---
 CHANGELOG.md                                   |  1 +
 _posts/2020-02-26-flake-it-till-you-make-it.md |  1 +
 assets/css/main.css                            | 12 +++++++++++-
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 57ef7fe..ae3c363 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 - Add support for sharing pages on new social network: VK (#657)
 - Use Open Graph type 'article' for blog posts (#669)
 - Use Twitter's `summary_large_image` card when `share-img` is specified (#668)
+- Make post images in the feed page smaller on smaller devices
 
 ## v3.0.0 2020-05-07
 
diff --git a/_posts/2020-02-26-flake-it-till-you-make-it.md b/_posts/2020-02-26-flake-it-till-you-make-it.md
index a3d4776..6152e76 100644
--- a/_posts/2020-02-26-flake-it-till-you-make-it.md
+++ b/_posts/2020-02-26-flake-it-till-you-make-it.md
@@ -3,6 +3,7 @@ layout: post
 title: Flake it till you make it
 subtitle: Excerpt from Soulshaping by Jeff Brown
 cover-img: /assets/img/path.jpg
+image: /assets/img/path.jpg
 share-img: /assets/img/path.jpg
 tags: [books, test]
 ---
diff --git a/assets/css/main.css b/assets/css/main.css
index 221ff19..5d3b2b1 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -484,6 +484,7 @@ footer .footer-custom-content {
 }
 .post-image {
   float: right;
+  margin-left: 0.625rem;
   height: 12rem;
   width: 12rem;
   margin-top: -2.1875rem;
@@ -539,6 +540,14 @@ footer .footer-custom-content {
   }
 }
 
+@media (max-width: 767px) {
+  .post-image, .post-image img {
+    margin-top: 0;
+    height: 9rem;
+    width: 9rem;
+  }
+}
+
 @media (max-width: 500px) {
   .post-image, .post-image img {
     height: 6.25rem;
@@ -549,7 +558,8 @@ footer .footer-custom-content {
     width: 100%;
     text-align: center;
     margin-top: 0;
-    float: left;
+    margin-left: 0;
+    float: none;
   }
 }
 /* --- Post and page headers --- */