bubble/devthread.ru
1
0
Fork 0
mirror of https://github.com/sergeyyarkov/devthread.ru.git synced 2026-10-11 10:19:13 +03:00
Code Issues Packages Projects Releases Wiki Activity

articles more images quality

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Articles/ArticleCard/ArticleCard.scss
View File

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

2
src/hooks/useMoreArticlesQuery.js
View File

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