mirror of
https://github.com/sergeyyarkov/devthread.ru.git
synced 2026-10-11 18:29:10 +03:00
articles more images quality
This commit is contained in:
parent
7b19876c76
commit
4d2db20caf
@ -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 {
|
||||
|
||||
@ -17,7 +17,7 @@ const useMoreArticlesQuery = () => {
|
||||
title
|
||||
image {
|
||||
childImageSharp {
|
||||
fluid {
|
||||
fluid(maxWidth: 650 quality: 100) {
|
||||
...GatsbyImageSharpFluid
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user