Fix layout of video sections on mobile

This commit is contained in:
Andrew Miner
2016-05-07 09:39:11 -07:00
parent 5eae2bb488
commit 2b8e23b32f
2 changed files with 18 additions and 0 deletions
+4
View File
@@ -11,6 +11,10 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
iframe {
max-width: 100%;
}
.caption { .caption {
margin-top: $size-margin-small; margin-top: $size-margin-small;
@@ -62,3 +62,17 @@
} }
} }
} }
@include screen-size(mobile) {
.view__tutorial_page {
.video-container {
flex-direction: column;
flex-wrap: nowrap;
justify-content: stretch;
& > * {
width: inherit;
}
}
}
}