From 625b1eb9a9f91c94066718e92053442c1d38e500 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Asger=20Geel=20Weirs=C3=B8e?= Date: Fri, 12 Jun 2026 18:05:00 +0200 Subject: [PATCH] =?UTF-8?q?css:=20responsive=20tabeller=20p=C3=A5=20blog?= =?UTF-8?q?=20(scroll=20i=20egen=20kolonne,=20ikke=20hele=20siden)=20+=20b?= =?UTF-8?q?ryd=20lange=20ord?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 4.8 (1M context) --- src/styles/global.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/styles/global.css b/src/styles/global.css index c1d5980..38bb8e9 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -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; }