Commit 09a8d705 authored by alain's avatar alain 🐙
Browse files

image size / position tweaks

parent 5d15db8d
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
img { img {
display: inline-block; display: inline-block;
width: 100%; width: 60vw;
max-width: 400px; max-width: 400px;
mix-blend-mode: multiply; mix-blend-mode: multiply;
} }
......
...@@ -68,14 +68,14 @@ ...@@ -68,14 +68,14 @@
.img { .img {
margin-bottom: 20px; margin-bottom: 20px;
width: 160px; width: 200px;
height: 160px; height: 200px;
overflow: hidden; overflow: hidden;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
mix-blend-mode: multiply; mix-blend-mode: multiply;
} }
&--cover img { &--cover img {
...@@ -84,7 +84,11 @@ ...@@ -84,7 +84,11 @@
&--contain img { &--contain img {
object-fit: contain; object-fit: contain;
object-position: top center; object-position: bottom center;
@media only screen and (min-width: $smallmedium) {
object-position: top center;
}
} }
} }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment