edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adjust news article list for mobile

Browse Source
This commit is contained in:
elise
2024-07-10 17:10:51 +02:00
parent 77a356834c
commit f77a4ee943
2 changed files with 66 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
web/src/components/news/newsList.module.scss
View File

@ -52,4 +52,42 @@
}
}
}
}
@media (max-width: 900px) {
.newsList, .newsList.featured {
li {
grid-column: span 6;
&:nth-child(1),
&:nth-child(2),
&:nth-child(3),
&:nth-child(4),
&:nth-child(5){
grid-column: span 6;
h2 {
font-size: 1.4rem;
}
}
}
}
}
@media (max-width: 600px) {
.newsList, .newsList.featured {
li {
grid-column: span 12;
&:nth-child(1),
&:nth-child(2),
&:nth-child(3),
&:nth-child(4),
&:nth-child(5){
grid-column: span 12;
h2 {
font-size: 1.2rem;
}
}
}
}
}