From 0c8dcac5a56ec5caf0216e430b2caab70f2f6d68 Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@woozle.org>
Date: Tue, 9 Aug 2022 19:03:01 -0600
Subject: [PATCH] responsive video/image sizing

---
 assets/css/default.css | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/assets/css/default.css b/assets/css/default.css
index fd9b98c..7a262f5 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -54,10 +54,6 @@ a:hover {
   color: #f83;
 }
 
-img {
-  max-width: 60%;
-}
-
 img.face {
 	margin: 1em;
 	width: 10em;
@@ -144,3 +140,15 @@ button.big {
 .tags {
 	font-size: small;
 }
+
+@media (max-width: 768px) {
+  img, video {
+    max-width: 100%;
+  }
+}
+@media (min-width: 768px) {
+  img, video {
+    max-width: 60%;
+  }
+}
+