diff options
| -rw-r--r-- | pydis_site/static/css/home/index.css | 51 |
1 files changed, 32 insertions, 19 deletions
diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css index 4f1a25ab..2e201441 100644 --- a/pydis_site/static/css/home/index.css +++ b/pydis_site/static/css/home/index.css @@ -17,7 +17,6 @@ margin-right: 2rem; } - .navbar-item.is-large img { max-height: 3rem; } @@ -46,26 +45,12 @@ margin-left: 3rem; } -.video-container { - position: relative; - padding-top: 56.25%; - margin-left: 10px; - margin-right: 10px; - overflow: hidden; -} - .video-container iframe, .video-container object, .video-container embed { - position: absolute; - top: 0; - left: 0; - right: 0; width: 100%; - height: 100%; - border: 0; - max-height: 315px; - max-width: 560px; + height: calc(92vw*0.5625); + margin: 8px auto auto auto; } span.repo-language-dot { @@ -89,8 +74,36 @@ span.repo-language-dot.css { background-color: #563d7c; } - - #repo-footer-item { margin-left: 1.2rem; } + +@media screen and (min-width: 1088px) { + .column.is-half, .column.is-half-tablet { + flex: none; + width: 50%; + } + .columns:not(.is-desktop) { + display: flex; + } + .video-container iframe { + height: calc(42vw*0.5625); + max-height: 371px; + max-width: 660px; + } +} + +@media screen and (max-width: 1087px) { + .column.is-half, .column.is-half-tablet { + flex: none; + width: 100%; + } + .columns:not(.is-desktop) { + display: block; + } + .video-container iframe { + height: calc(92vw*0.5625); + max-height: none; + max-width: none; + } +} |