articles more images quality

This commit is contained in:
Sergey Yarkov 2020-08-17 15:40:43 +03:00
parent 7b19876c76
commit 4d2db20caf
2 changed files with 13 additions and 3 deletions

View File

@ -9,7 +9,7 @@
& img {
border-radius: 7px;
width: 100%;
height: 260px;
height: 240px;
object-fit: cover;
}
}
@ -66,6 +66,16 @@
@media (max-width: 768px) {
.article-card {
width: 100%;
&__image {
& img {
height: 400px;
}
}
}
}
@media (max-width: 568px) {
.article-card {
&__image {
& img {
height: 300px;
@ -74,7 +84,7 @@
}
}
@media (max-width: 400px) {
@media (max-width: 430px) {
.article-card {
width: 100%;
&__image {

View File

@ -17,7 +17,7 @@ const useMoreArticlesQuery = () => {
title
image {
childImageSharp {
fluid {
fluid(maxWidth: 650 quality: 100) {
...GatsbyImageSharpFluid
}
}