From 725fa0e9c4c14194470a7a8d5007e09b5b114dca Mon Sep 17 00:00:00 2001 From: Ray Date: Sun, 8 Sep 2024 21:10:13 +0200 Subject: Fixed video size to be responsive --- common/main.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) (limited to 'common') diff --git a/common/main.css b/common/main.css index 2b47196..9edc349 100644 --- a/common/main.css +++ b/common/main.css @@ -629,6 +629,16 @@ a#game-template:hover { filter: contrast(180%); } +.video-container { + width: 100%; + aspect-ratio: 16 / 9; +} + +.video { + width: 100%; + height: 100%; +} + @media only screen and (max-width: 600px) { /* general layout changes for mobile */ @@ -677,5 +687,4 @@ a#game-template:hover { } - } \ No newline at end of file -- cgit v1.2.3