From a853de45ce1b2467d2f18477c268765d66b1614c Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.ai>
Date: Wed, 26 Jan 2022 13:05:51 +0100
Subject: [PATCH] docs: size video wrapper elements correctly

---
 website/src/css/custom.css | 20 +++++---------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index c04148a191..fcc3e39404 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -67,19 +67,6 @@ html[data-theme='dark'] .header-github-link:before {
         no-repeat;
 }
 
-.unleash-video-wrapper {
-    /* container: inline-size / video-wrapper; */
-
-    /* resize: both; */
-    overflow: hidden;
-}
-
-/* @container video-wrapper size(max-width: 700px) { */
-/*     .unleash-video-container { */
-/*         background: red; */
-/*     } */
-/* } */
-
 .unleash-video-container {
     display: grid;
     --gap: 0.5em;
@@ -99,6 +86,10 @@ html[data-theme='dark'] .header-github-link:before {
     gap: var(--gap);
 }
 
+.video-wrapper {
+    display: flex;
+}
+
 .unleash-video-container > .admonition {
     box-shadow: none;
     background-color: var(--unleash-color-admonition-background);
@@ -116,8 +107,7 @@ html[data-theme='dark'] .header-github-link:before {
         grid-template-columns: 1fr min(250px, 25%);
     }
     .unleash-video-container > .videos {
-        display: flex;
-        flex-direction: column;
+        grid-template-columns: 1fr;
         gap: var(--gap);
     }
 }