From e1720906f758ba312456732aca1ffbf377e0f462 Mon Sep 17 00:00:00 2001
From: Sped0n <realsped0n@outlook.com>
Date: Tue, 31 Oct 2023 00:35:17 +0800
Subject: [PATCH] refactor(article.scss): remove margin-top from .info class to
 improve layout consistency feat(article.scss): add media query to apply
 margin-top to .info class on tablets and devices with no hover support to
 improve responsiveness

---
 assets/scss/_partial/_article.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/assets/scss/_partial/_article.scss b/assets/scss/_partial/_article.scss
index 57f9266..fd8b706 100644
--- a/assets/scss/_partial/_article.scss
+++ b/assets/scss/_partial/_article.scss
@@ -1,5 +1,4 @@
 .info {
-  margin-top: var(--nav-height);
   padding: var(--space-standard);
   max-width: 25em;
 
@@ -41,3 +40,9 @@
     margin: 1.2rem 0;
   }
 }
+
+@media (max-width: $tablet), (hover: none) {
+  .info {
+    margin-top: var(--nav-height);
+  }
+}