Fix infographic images not scaling to browser width

Removed hard-coded pixel width/height attributes from <img> tags and
tightened kdoc-diagram-img CSS (max-width:100%, overflow:hidden) so
images scale fluidly at all viewport sizes.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-21 07:37:22 +02:00
parent 2aa86a0950
commit abdad0f7e3
2 changed files with 5 additions and 5 deletions
+2 -2
View File
@@ -135,7 +135,7 @@ function imgSlot(string $slot, string $file, string $label, string $caption, str
<source srcset="assets/images/why-ours/memoryVlibrary.webp" type="image/webp">
<img src="assets/images/why-ours/memoryVlibrary.png"
alt="Two-path comparison: General AI searches its memory and may cite laws that don't exist; Do Better Norge searches 220,000+ verified Norwegian legal passages, reranks results, and cites the real passages found"
loading="lazy" width="1536" height="1024">
loading="lazy">
</picture>
</div>
<p class="kdoc-compare__caption"><?= htmlspecialchars($t['problem_caption']) ?></p>
@@ -189,7 +189,7 @@ function imgSlot(string $slot, string $file, string $label, string $caption, str
<source srcset="assets/images/why-ours/norwegianLaw.webp" type="image/webp">
<img src="assets/images/why-ours/norwegianLaw.png"
alt="Norwegian law knowledge graph showing how your question connects through barnevernsloven § 4-4, barneloven § 30 and § 34, ECHR Article 8, 23 ECHR judgments vs Norway, and Bufdir guidance — all grounding your final answer"
loading="lazy" width="1448" height="1086">
loading="lazy">
</picture>
</div>