daveadmin/dobetternorge-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix infographic images not scaling to browser width

Browse Source 
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:
davegilligan
2026-05-21 07:37:22 +02:00
parent 2aa86a0950
commit abdad0f7e3
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/tools.css
+3 -3
View File
@@ -8224,6 +8224,6 @@ body.lt-landing {
/* Custom infographic diagram images (transparent-bg PNGs/WebPs) */
.kdoc-diagram-img { margin: 2rem auto; max-width: 960px; }
.kdoc-diagram-img picture,
.kdoc-diagram-img img { display: block; width: 100%; height: auto; }
.kdoc-diagram-img { margin: 2rem auto; max-width: 100%; overflow: hidden; }
.kdoc-diagram-img picture { display: block; width: 100%; }
.kdoc-diagram-img img { display: block; width: 100%; max-width: 100%; height: auto; }