fixed aspect ratio of screenshots

pepc84 · pepc84 · commit b96eea2e22d4 · 2026-07-04T21:10:01.000-07:00
diff --git a/downloads/cmake_setup.html b/downloads/cmake_setup.html
@@ -49,7 +49,7 @@
     .shot-placeholder { display: none; }
     .shot-placeholder.visible { background: #f7f7f7; border: 1px dashed #ccc; border-radius: 8px; aspect-ratio: 16/9; max-width: 560px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #999; font-size: 12.5px; text-align: center; padding: 1rem; margin: 0.5rem 0 1.5rem; }
     .shot-placeholder .shot-filename { font-family: "SF Mono","Fira Code",monospace; font-weight: 700; margin-bottom: 0.35rem; color: #777; }
-    .shot-img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; display: block; margin: 0.5rem 0 1.5rem; }
+    .shot-img { width: 100%; height: auto; border-radius: 8px; display: block; margin: 0.5rem 0 1.5rem; }
 
     footer { border-top: 1px solid #e0e0e0; padding: 2rem; text-align: center; font-size: 13px; color: #888; }
     @media (max-width: 768px) {
diff --git a/downloads/dragdrop_setup.html b/downloads/dragdrop_setup.html
@@ -50,7 +50,7 @@
     .shot-placeholder { display: none; }
     .shot-placeholder.visible { background: #f7f7f7; border: 1px dashed #ccc; border-radius: 8px; aspect-ratio: 16/9; max-width: 560px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #999; font-size: 12.5px; text-align: center; padding: 1rem; margin: 0.5rem 0 1.5rem; }
     .shot-placeholder .shot-filename { font-family: "SF Mono","Fira Code",monospace; font-weight: 700; margin-bottom: 0.35rem; color: #777; }
-    .shot-img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; display: block; margin: 0.5rem 0 1.5rem; }
+    .shot-img { width: 100%; height: auto; border-radius: 8px; display: block; margin: 0.5rem 0 1.5rem; }
 
     footer { border-top: 1px solid #e0e0e0; padding: 2rem; text-align: center; font-size: 13px; color: #888; }
     @media (max-width: 768px) {
diff --git a/downloads/index.html b/downloads/index.html
@@ -50,7 +50,7 @@
       padding: 1rem;
     }
     .shot-placeholder .shot-filename { font-family: "SF Mono","Fira Code",monospace; font-weight: 700; margin-bottom: 0.35rem; }
-    .shot-img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; display: block; }
+    .shot-img { width: 100%; height: auto; border-radius: 8px; display: block; }
     .mode-callout .step-list { color: #6b5a1f; font-size: 13.5px; line-height: 1.9; margin: 0 0 1rem 1.1rem; }
 
     /* Header library downloads */
diff --git a/gettingstarted/index.html b/gettingstarted/index.html
@@ -85,7 +85,7 @@
       margin: 0.5rem 0 1.5rem;
     }
     .shot-placeholder .shot-filename { font-family: "SF Mono","Fira Code",monospace; font-weight: 700; margin-bottom: 0.35rem; color: #777; }
-    .shot-img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; display: block; margin: 0.5rem 0 1.5rem; }
+    .shot-img { width: 100%; height: auto; border-radius: 8px; display: block; margin: 0.5rem 0 1.5rem; }
 
     .next-steps { border-top: 1px solid #e0e0e0; margin-top: 3rem; padding-top: 2rem; display: flex; gap: 1.5rem; flex-wrap: wrap; }
     .next-steps a { font-size: 14px; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 2px; }

Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,7 @@`
`50`	`50`	`padding: 1rem;`
`51`	`51`	`}`
`52`	`52`	`.shot-placeholder .shot-filename { font-family: "SF Mono","Fira Code",monospace; font-weight: 700; margin-bottom: 0.35rem; }`
`53`		`- .shot-img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; display: block; }`
	`53`	`+ .shot-img { width: 100%; height: auto; border-radius: 8px; display: block; }`
`54`	`54`	`.mode-callout .step-list { color: #6b5a1f; font-size: 13.5px; line-height: 1.9; margin: 0 0 1rem 1.1rem; }`
`55`	`55`
`56`	`56`	`/* Header library downloads */`
Original file line number	Diff line number	Diff line change
`@@ -85,7 +85,7 @@`
`85`	`85`	`margin: 0.5rem 0 1.5rem;`
`86`	`86`	`}`
`87`	`87`	`.shot-placeholder .shot-filename { font-family: "SF Mono","Fira Code",monospace; font-weight: 700; margin-bottom: 0.35rem; color: #777; }`
`88`		`- .shot-img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; display: block; margin: 0.5rem 0 1.5rem; }`
	`88`	`+ .shot-img { width: 100%; height: auto; border-radius: 8px; display: block; margin: 0.5rem 0 1.5rem; }`
`89`	`89`
`90`	`90`	`.next-steps { border-top: 1px solid #e0e0e0; margin-top: 3rem; padding-top: 2rem; display: flex; gap: 1.5rem; flex-wrap: wrap; }`
`91`	`91`	`.next-steps a { font-size: 14px; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 2px; }`