syntaxai/tdd.md · commit d2ed824

Fix oversized images on /sama: cap .docs-content img at 600px

After PR #36 shipped the three /sama body images, the docs-layout
content column rendered them at ~800px wide (.docs-body main.md
explicitly removes the 720px max-width that the non-docs layout has).
Visually the images dominated the prose. Cap them at 600px centered
with a slight margin + border-radius so they sit cleanly inside the
text column.

Co-Authored-By: Claude Opus 4.7 <[email protected]>

author: syntaxai <[email protected]>
date: 2026-05-24 12:32:43 +01:00
parent: fd50ede
commit: d2ed824d5c53189726c37ba507bdbf5639b80bec

1 file changed · +8 −0

modified public/style.css +8 −0

@@ -544,6 +544,14 @@ main.md table.test-stability td.test-stab-num {
544	544	line-height: 1.65;
545	545	}
546	546	.docs-content > h1:first-child { margin-top: 0; }
	547	+.docs-content img {
	548	+ max-width: 600px;
	549	+ width: 100%;
	550	+ height: auto;
	551	+ display: block;
	552	+ margin: 1.75rem auto;
	553	+ border-radius: 6px;
	554	+}
547	555	.docs-content h2,
548	556	.docs-content h3 {
549	557	scroll-margin-top: 1rem;

raw .diff