Make images and iframe on about page responsive

2025-10-12 23:05:20 -04:00
parent fb01dd8e3f
commit 4e853f04f3
2 changed files with 15 additions and 4 deletions
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -593,6 +593,11 @@ fieldset > table td input[type="radio"] {
 	width: initial;
 	margin-bottom: 0.5rem;
 }
+#youtube {
+	--video-ratio: calc(390 / 640);
+	width: min(calc(95vw + 0px), 640px);
+	height: min(calc(calc(95vw + 0px) * var(--video-ratio)), 320px);
+}
 #search form {
 	flex: 1 1 100%;
 }