From a4b9e62358edce56a254837f4dd0bd7648356fc9 Mon Sep 17 00:00:00 2001
From: Reza Mahdi <rmahdi.develop@gmail.com>
Date: Mon, 22 Dec 2025 15:20:45 +0330
Subject: [PATCH] fix: correct margin for mobile screen

---
 sass/alerts.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/sass/alerts.scss b/sass/alerts.scss
index fb78f00..8be42b4 100644
--- a/sass/alerts.scss
+++ b/sass/alerts.scss
@@ -1,3 +1,5 @@
+@import "variables";
+
 blockquote[class^=markdown-alert-] {
   border: 1px solid var(--accent);
   padding-top: initial;
@@ -12,6 +14,10 @@ blockquote[class^=markdown-alert-] {
     margin-right: -25px;
     padding-left: 12px;
 
+    @media (max-width: $phone-max-width) {
+      margin-right: 0;
+    }
+
     color: black;
     font-family: "Hack";
     font-size: inherit;