fix(our work): small screens

Fdom92 · Fdom92 · commit e5eca8041783 · 2020-01-09T10:16:06.000+01:00
diff --git a/src/pages/app-our-work/app-our-work.scss b/src/pages/app-our-work/app-our-work.scss
@@ -155,6 +155,12 @@
           left: 80px;
           height: 220px;
         }
+
+        @include media-breakpoint-down(xs) {
+          left: 50px;
+          height: 190px;
+          top: 20px;
+        }
       }
 
       .behind-right {
@@ -177,6 +183,12 @@
           height: 220px;
           right: 80px;
         }
+
+        @include media-breakpoint-down(xs) {
+          top: 20px;
+          right: 50px;
+          height: 190px;
+        }
       }
 
       .front-center {
@@ -202,6 +214,12 @@
           margin: auto;
           height: 280px;
         }
+
+        @include media-breakpoint-down(xs) {
+          position: relative;
+          margin: auto;
+          height: 220px;
+        }
       }
 
       .card-image-row {

Original file line number	Diff line number	Diff line change
`@@ -155,6 +155,12 @@`
`155`	`155`	`left: 80px;`
`156`	`156`	`height: 220px;`
`157`	`157`	`}`
	`158`	`+`
	`159`	`+ @include media-breakpoint-down(xs) {`
	`160`	`+ left: 50px;`
	`161`	`+ height: 190px;`
	`162`	`+ top: 20px;`
	`163`	`+ }`
`158`	`164`	`}`
`159`	`165`
`160`	`166`	`.behind-right {`
`@@ -177,6 +183,12 @@`
`177`	`183`	`height: 220px;`
`178`	`184`	`right: 80px;`
`179`	`185`	`}`
	`186`	`+`
	`187`	`+ @include media-breakpoint-down(xs) {`
	`188`	`+ top: 20px;`
	`189`	`+ right: 50px;`
	`190`	`+ height: 190px;`
	`191`	`+ }`
`180`	`192`	`}`
`181`	`193`
`182`	`194`	`.front-center {`
`@@ -202,6 +214,12 @@`
`202`	`214`	`margin: auto;`
`203`	`215`	`height: 280px;`
`204`	`216`	`}`
	`217`	`+`
	`218`	`+ @include media-breakpoint-down(xs) {`
	`219`	`+ position: relative;`
	`220`	`+ margin: auto;`
	`221`	`+ height: 220px;`
	`222`	`+ }`
`205`	`223`	`}`
`206`	`224`
`207`	`225`	`.card-image-row {`