[noodles] Fix sizing?

lvn · Jul 11, 2024 · 4221c8e · 4221c8e
1 parent 2efcc06
commit 4221c8e
Showing 1 changed file with 15 additions and 7 deletions.
diff --git a/noodles/index.html b/noodles/index.html
@@ -26,13 +26,28 @@
           max-width: 900px;
           color: rgb(55, 53, 47);
         }
+
+      	video {
+	  display: block;
+	  object-fit: cover;
+        }
       }
 
       @media only screen and (max-width: 600px) {
         p {
 	  font-size: 20px;
 	}
       }
+
+      @media only screen and (min-width: 601px) {
+      	video {
+	  max-width: 350;
+        }
+
+	.source {	
+	  max-width: 400;
+	}
+      }
 
       body {
         line-height: 1.5;
@@ -85,7 +100,6 @@
         border-radius: 3px;
         padding: 1.5em;
         word-break: break-all;
-	max-width: 400;
       }
 
       .callout {
@@ -427,12 +441,6 @@
         color: #eb5757;
       }
 
-      video {
-	display: block;
-  	object-fit: cover;
-	max-width: 350;
-      }
-
       .code {
         padding: 1.5em 1em;
       }