Merge pull request #382 from srobo/make-kit-assembly-video-rectangular

sedders123 · web-flow · commit 0d815c721f2b · 2022-10-21T19:24:36.000+01:00
Make Kit Assembly video less square
diff --git a/_sass/docs.scss b/_sass/docs.scss
@@ -106,9 +106,15 @@
     background: white;
     border: 1px solid silver;
     padding: 3px;
+    max-height: 25vh;
+
+    @media (orientation: landscape) {
+      max-height: 90vh;
+    }
 
     @include media-query('medium') {
       min-height: 480px;
+      max-height: initial;
     }
   }
 
diff --git a/kit/assembly.md b/kit/assembly.md
@@ -64,8 +64,8 @@ The following video contains an overview which covers the [brain board](/docs/ki
 
 <div class="centered-content">
   <iframe class="video center"
-          height="315"
-          width="560"
+          height="480"
+          width="640"
           src="https://www.youtube-nocookie.com/embed/HQmL_3giLvc?rel=0"
           frameborder="0"
           allowfullscreen>

Original file line number	Diff line number	Diff line change
`@@ -106,9 +106,15 @@`
`106`	`106`	`background: white;`
`107`	`107`	`border: 1px solid silver;`
`108`	`108`	`padding: 3px;`
	`109`	`+ max-height: 25vh;`
	`110`	`+`
	`111`	`+ @media (orientation: landscape) {`
	`112`	`+ max-height: 90vh;`
	`113`	`+ }`
`109`	`114`
`110`	`115`	`@include media-query('medium') {`
`111`	`116`	`min-height: 480px;`
	`117`	`+ max-height: initial;`
`112`	`118`	`}`
`113`	`119`	`}`
`114`	`120`