From 61e32b780bc8c5dbfbcc2dc8c4704d437f885b67 Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Tue, 14 Apr 2020 09:43:57 +0800
Subject: Larger padding while screen size below 768px

---
 assets/sass/_list.scss    | 5 +++++
 assets/sass/_sidebar.scss | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/assets/sass/_list.scss b/assets/sass/_list.scss
index 15561cc..8e8b62f 100644
--- a/assets/sass/_list.scss
+++ b/assets/sass/_list.scss
@@ -1,5 +1,10 @@
 #content {
     padding: 0 1em 0 1em;
+
+    // different padding when screen size below width-md(768px)
+    @media screen and (max-width: $width-md){
+        padding: 0 1.5em 0 1.5em;
+    }
 }
 
 #post {
diff --git a/assets/sass/_sidebar.scss b/assets/sass/_sidebar.scss
index 8266125..b28a09b 100644
--- a/assets/sass/_sidebar.scss
+++ b/assets/sass/_sidebar.scss
@@ -5,6 +5,11 @@
 
     padding: 1.5em 1em 1.5em 1em;
 
+    // different padding when screen size below width-md(768px)
+    @media screen and (max-width: $width-md){
+        padding: 1.5em 1.5em 1.5em 1.5em;
+    }
+
     h5 {
         font-size: $font-size-l3;
     }
-- 
cgit v1.2.3