30-fix-responsiveness-of-images (#41)

nikiciv · grgur · commit 38a5c36c96ec · 2019-01-29T11:02:01.000+01:00
diff --git a/src/components/LazyImage/styles.module.scss b/src/components/LazyImage/styles.module.scss
@@ -1,3 +1,5 @@
+@import '../../theme/variables.scss';
+
 .img {
   display: block;
 
@@ -9,4 +11,8 @@
   &:global(.lazyloaded) {
     filter: blur(0);
   }
+
+  @media only screen and (max-width: $largeTablet) {
+    margin-top: 2rem;
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@import '../../theme/variables.scss';`
	`2`	`+`
`1`	`3`	`.img {`
`2`	`4`	`display: block;`
`3`	`5`
`@@ -9,4 +11,8 @@`
`9`	`11`	`&:global(.lazyloaded) {`
`10`	`12`	`filter: blur(0);`
`11`	`13`	`}`
	`14`	`+`
	`15`	`+ @media only screen and (max-width: $largeTablet) {`
	`16`	`+ margin-top: 2rem;`
	`17`	`+ }`
`12`	`18`	`}`