fix: keep article figures within viewport

2026-08-14 12:01:46 +08:00
parent 1136d5fd74
commit 914387acb6
1 changed files with 10 additions and 0 deletions
@@ -160,6 +160,16 @@ button, input { font: inherit; }
 .prose th { color: var(--rust); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
 .prose img, .prose svg { width: min(1100px, calc(100vw - 48px)); max-width: none; margin: 2.6em 0 2.6em 50%; transform: translateX(-50%); }

+@media (max-width: 1180px) {
+  .article-grid { grid-template-columns: 1fr; }
+  .article-outline { position: static; }
+  .article-outline ol { display: grid; grid-template-columns: repeat(2, 1fr); }
+}
+
+@media (min-width: 1181px) and (max-width: 1439px) {
+  .prose img, .prose svg { width: 100%; max-width: 100%; margin-left: 0; transform: none; }
+}
+
@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr; min-height: auto; }
  .hero-copy { padding-bottom: 0; }