TPS
/
exchange-client
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

news responsive

This commit is contained in:
Kakabay 2022-12-15 22:12:20 +05:00
parent a954ba6023
commit 63b8efa1e0
3 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/styles/_news.scss
View File

@ -14,14 +14,15 @@
gap: 1.6rem;
}
@media (max-width: 953px) {
@media (max-width: 1200px) {
.news-post-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 630px) {
@media (max-width: 768px) {
.news-post-wrapper {
grid-template-columns: repeat(1, 1fr);
justify-items: center;
}
}

13
src/assets/styles/_newsPage.scss
View File

@ -3,3 +3,16 @@
grid-template-columns: repeat(3, 1fr);
gap: 4rem;
}
@media (max-width: 1200px) {
.news-page-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.news-page-wrapper {
grid-template-columns: repeat(1, 1fr);
justify-items: center;
}
}

1
src/assets/styles/_newsPost.scss
View File

@ -8,6 +8,7 @@
.news-post-img {
max-height: 22.1rem;
min-height: 22.1rem;
max-width: 100%;
width: 100%;
height: 100%;