From 1b7d36485613d49cf1ecc8e987f0f2420acdf265 Mon Sep 17 00:00:00 2001
From: monochromer <monochromer@users.noreply.github.com>
Date: Mon, 13 Jan 2025 15:54:11 +0500
Subject: [PATCH] =?UTF-8?q?=D0=9F=D1=80=D0=B0=D0=B2=D0=B8=D1=82=20=D0=B2?=
 =?UTF-8?q?=D0=BD=D0=B5=D1=88=D0=BD=D0=B8=D0=B5=20=D0=BE=D1=82=D1=81=D1=82?=
 =?UTF-8?q?=D1=83=D0=BF=D1=8B=20=D0=B1=D0=BB=D0=BE=D0=BA=D0=B0=20=D0=B4?=
 =?UTF-8?q?=D0=BE=D0=BF=D0=BE=D0=BB=D0=BD=D0=B8=D1=82=D0=B5=D0=BB=D1=8C?=
 =?UTF-8?q?=D0=BD=D1=8B=D1=85=20=D1=81=D1=82=D0=B0=D1=82=D0=B5=D0=B9=20(#3?=
 =?UTF-8?q?81)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/blocks/links.css            |  1 -
 src/styles/blocks/main.css             | 12 ++++++++++++
 src/styles/blocks/related-articles.css | 11 +++--------
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/styles/blocks/links.css b/src/styles/blocks/links.css
index a2450b00f..4fed0f81a 100644
--- a/src/styles/blocks/links.css
+++ b/src/styles/blocks/links.css
@@ -2,7 +2,6 @@
 
 .links {
     display: grid;
-    margin-top: -1px;
     padding: 16px 16px 24px;
     background-color: var(--token-color-links-background);
 }
diff --git a/src/styles/blocks/main.css b/src/styles/blocks/main.css
index 39ed546fa..8846fd31d 100644
--- a/src/styles/blocks/main.css
+++ b/src/styles/blocks/main.css
@@ -8,6 +8,18 @@
     padding-bottom: 10%;
 }
 
+@media (width < 800px) {
+    .main__related-articles {
+        margin-bottom: -1px;
+    }
+}
+
+@media (800px <= width < 1024px) {
+    .main__related-articles {
+        margin-bottom: 100px;
+    }
+}
+
 @media (min-width: 800px) {
     .main__section {
         padding-right: 24px;
diff --git a/src/styles/blocks/related-articles.css b/src/styles/blocks/related-articles.css
index 1f6028f62..c2de33d32 100644
--- a/src/styles/blocks/related-articles.css
+++ b/src/styles/blocks/related-articles.css
@@ -1,12 +1,7 @@
-.related-articles {
-    max-width: 700px;
-    margin: 0 auto;
-}
-
-@media (min-width: 1240px) {
+@media (width < 1024px) {
     .related-articles {
-        max-width: none;
-        margin: 0;
+        max-width: 700px;
+        margin-inline: auto;
     }
 }