diff options
| author |  Leon Sandøy <[email protected]> | 2019-04-12 08:58:32 +0200 |
|---|---|---|
| committer | Leon Sandøy <[email protected]> | 2019-04-12 08:58:32 +0200 |
| commit | 4c47d99f707d9d74c85fa6df204b26b600ec140f (patch) | |
| tree | 51befe582de877358022be3d89ca7d30b901eda5 /pydis_site/static/css/home/index.css | |
| parent | Fixing the footer. Django logo no longer clips, and matches the rest of the f... (diff) | |
responsive video container
Diffstat (limited to 'pydis_site/static/css/home/index.css')
| -rw-r--r-- | pydis_site/static/css/home/index.css | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css index 2ead1a12..3516c6a5 100644 --- a/pydis_site/static/css/home/index.css +++ b/pydis_site/static/css/home/index.css @@ -46,4 +46,22 @@ margin-left: 3rem; } +.video-container { + position: relative; + padding-bottom: 56.25%; + padding-top: 30px; + height: 0; + overflow: hidden; +} +.video-container iframe, +.video-container object, +.video-container embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + max-width: 560px; + max-height: 315px; +} |