Taller videos on larger screens

Aisling Foley · Aisling Foley · commit 7f232eb1d507 · 2015-09-09T14:57:22.000+01:00
diff --git a/_sass/pages/_work.scss b/_sass/pages/_work.scss
@@ -255,15 +255,24 @@
   }
 
   @media screen and (max-width: 650px) {
-      height: 240px;
+      height: 230px;
   }
 
+  @media screen and (min-width: 1500px ) {
+      height: 500px;
+  }
+
+
   .photo-inner{
     height: 400px;
     @media screen and ( max-width: $medium ) {
     // height: 261px;
     }
 
+    @media screen and ( min-width: 1500px ) {
+    height: 500px;
+    }
+
     &:after {
       background-color: $aqua;
     }

Original file line number	Diff line number	Diff line change
`@@ -255,15 +255,24 @@`
`255`	`255`	`}`
`256`	`256`
`257`	`257`	`@media screen and (max-width: 650px) {`
`258`		`- height: 240px;`
	`258`	`+ height: 230px;`
`259`	`259`	`}`
`260`	`260`
	`261`	`+ @media screen and (min-width: 1500px ) {`
	`262`	`+ height: 500px;`
	`263`	`+ }`
	`264`	`+`
	`265`	`+`
`261`	`266`	`.photo-inner{`
`262`	`267`	`height: 400px;`
`263`	`268`	`@media screen and ( max-width: $medium ) {`
`264`	`269`	`// height: 261px;`
`265`	`270`	`}`
`266`	`271`
	`272`	`+ @media screen and ( min-width: 1500px ) {`
	`273`	`+ height: 500px;`
	`274`	`+ }`
	`275`	`+`
`267`	`276`	`&:after {`
`268`	`277`	`background-color: $aqua;`
`269`	`278`	`}`