From dd848f3ed742ad6d28d2c56a30fee661d6a525ff Mon Sep 17 00:00:00 2001 From: Orta Date: Mon, 15 Jan 2018 14:12:11 -0500 Subject: [PATCH] Bring back some of the Jest homepage changes for mobile (#5321) --- website/static/css/custom.css | 53 +++++++++++++++++++++++++++++++++++ 1 file changed, 53 insertions(+) diff --git a/website/static/css/custom.css b/website/static/css/custom.css index c596049b73e8..7d8070b05654 100644 --- a/website/static/css/custom.css +++ b/website/static/css/custom.css @@ -4,3 +4,56 @@ margin-bottom: -20px; margin-right: -20px; } + +div.jest-repl { + margin: 0 5%; + position: relative; + width: 600px; +} +div.jest-repl iframe { + display: block; + margin: 0 auto 10px; + min-height: 420px; + width: 100%; +} +@media only screen and (min-device-width: 360px) and (max-device-width: 736px) { + div.jest-repl { + display: none; + } +} +@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { + div.jest-repl { + display: none; + } +} +@media only screen and (max-width: 1023px) { + div.jest-repl { + display: none; + } +} + +div.video { + margin: 0 5%; + position: relative; + width: 100%; + min-width: 300px; + max-width: 600px; +} + +div.video iframe { + display: block; + margin: 0 auto 10px; + min-height: 340px; + width: 100%; +} + +@media only screen and (min-device-width: 360px) and (max-device-width: 736px) { + div.video { + display: none; + } +} +@media only screen and (max-width: 1023px) { + div.video { + display: none; + } +}