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; }