Правит внешние отступы блока дополнительных статей (#381)

web-standards-ru · Jan 13, 2025 · 1b7d364 · 1b7d364
1 parent e471990
commit 1b7d364
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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;
     }
 }