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; + } + } + } +}