Fix video modal grid layout

css/tailwind.source.css

@@ -1674,8 +1674,9 @@
       38vw,
       var(--video-modal-secondary-max)
     );
-    @apply flex flex-col gap-6 lg:gap-8;
-    align-items: stretch;
+    @apply grid gap-6 lg:gap-8;
+    grid-template-columns: minmax(0, 1fr);
+    align-items: start;
     width: 100%;
   }
 
@@ -1686,21 +1687,21 @@
         32vw,
         var(--video-modal-secondary-max)
       );
-      flex-direction: row;
-      align-items: flex-start;
+      grid-template-columns:
+        minmax(0, 1fr)
+        minmax(var(--video-modal-secondary-min), var(--video-modal-secondary-size));
+      align-items: start;
     }
 
     .video-modal__primary {
-      flex: 1 1 auto;
       min-width: 0;
       min-height: 0;
     }
 
     .video-modal__secondary {
-      flex: 0 0 var(--video-modal-secondary-size);
-      max-width: var(--video-modal-secondary-size);
       min-width: var(--video-modal-secondary-min);
       min-height: 0;
+      max-width: var(--video-modal-secondary-size);
     }
   }