From 09e8eb4274199033ce431834bce014f820c3e743 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Fri, 10 Dec 2021 16:00:26 +0800
Subject: [PATCH] Make the preview image full screen width on mobile

---
 _sass/layout/post.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/_sass/layout/post.scss b/_sass/layout/post.scss
index aaf0647..b9e5acd 100644
--- a/_sass/layout/post.scss
+++ b/_sass/layout/post.scss
@@ -353,11 +353,16 @@ nav[data-toggle=toc] {
 }
 
 /* Hide SideBar and TOC */
-@media all and (max-width: 830px) {
+@media all and (max-width: 849px) {
   .post-navigation {
     padding-left: 0;
     padding-right: 0;
     margin-left: -0.5rem;
     margin-right: -0.5rem;
   }
+
+  .preview-img[data-src] {
+    max-width: 100vw;
+    border-radius: 0;
+  }
 }