css: responsive tabeller på blog (scroll i egen kolonne, ikke hele siden) + bryd lange ord
Build & Deploy / deploy (push) Successful in 1m42s

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Asger Geel Weirsøe
2026-06-12 18:05:00 +02:00
co-authored by Claude Opus 4.8
parent 3d1e45c86c
commit 625b1eb9a9
+2 -2
View File
@@ -85,7 +85,7 @@ body::before {
@media (prefers-reduced-motion: reduce) { .sun-and-moon * { transition: none !important; } }
/* ---------- markdown prose ---------- */
.prose { color: var(--color-text); line-height: 1.75; font-size: 1.05rem; }
.prose { color: var(--color-text); line-height: 1.75; font-size: 1.05rem; overflow-wrap: break-word; }
.prose > * + * { margin-top: 1.1em; }
.prose h2 { font-size: 1.6rem; font-weight: 700; margin-top: 2em; letter-spacing: -0.01em; }
.prose h3 { font-size: 1.25rem; font-weight: 700; margin-top: 1.6em; }
@@ -98,5 +98,5 @@ body::before {
.prose ol { list-style: decimal; padding-left: 1.4em; }
.prose img { border-radius: 0.75rem; border: 1px solid var(--color-border); }
.prose hr { border-color: var(--color-border); }
.prose table { width: 100%; border-collapse: collapse; }
.prose table { display: block; width: max-content; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.prose th, .prose td { border: 1px solid var(--color-border); padding: 0.5rem 0.7rem; text-align: left; }