From 2b8e23b32f88870d28e8a9bceeaa58255d16b6de Mon Sep 17 00:00:00 2001
From: Andrew Miner <andrewminer@mac.com>
Date: Sat, 7 May 2016 09:39:11 -0700
Subject: [PATCH] Fix layout of video sections on mobile

---
 src/client/site/common/video/video.scss          |  4 ++++
 src/client/site/tutorial_page/tutorial_page.scss | 14 ++++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/src/client/site/common/video/video.scss b/src/client/site/common/video/video.scss
index c6d1a5d84..8fe922300 100644
--- a/src/client/site/common/video/video.scss
+++ b/src/client/site/common/video/video.scss
@@ -11,6 +11,10 @@
     align-items: center;
     justify-content: center;
 
+    iframe {
+        max-width: 100%;
+    }
+
     .caption {
         margin-top: $size-margin-small;
 
diff --git a/src/client/site/tutorial_page/tutorial_page.scss b/src/client/site/tutorial_page/tutorial_page.scss
index dc02c7cfc..ecdf17218 100644
--- a/src/client/site/tutorial_page/tutorial_page.scss
+++ b/src/client/site/tutorial_page/tutorial_page.scss
@@ -62,3 +62,17 @@
         }
     }
 }
+
+@include screen-size(mobile) {
+    .view__tutorial_page {
+        .video-container {
+            flex-direction: column;
+            flex-wrap: nowrap;
+            justify-content: stretch;
+
+            & > * {
+                width: inherit;
+            }
+        }
+    }
+}