Tweak video player styles.

croxton · Dec 3, 2023 · cf04b23 · cf04b23
1 parent 781f6a3
commit cf04b23
Showing 1 changed file with 3 additions and 15 deletions.
diff --git a/styles/styles.css b/styles/styles.css
@@ -173,21 +173,9 @@ h2 {
 .c-video {
   position: relative;
   width: 50%;
-  --ratio: 16/9;
-  background: #999;
-}
-
-.c-video::after {
-  clear: both;
-  content: '';
-  display: block;
-}
-
-.c-video::before {
-  content: '';
-  display: block;
-  float: left;
-  padding-top: calc(100% / (var(--ratio, 1)));
+	overflow: hidden;
+	background: #eeeeee;
+  aspect-ratio: 16/9;
 }
 
 .c-video + .c-video {