akemi/noway.moe
1
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

Blog: make post listings mobile responsive

Browse source
This commit is contained in:
Akemi Izuko 2024-01-01 17:45:56 -07:00
parent f4d8a83d24
commit bcd362995b
Signed by: akemi
GPG key ID: 8DE0764E1809E9FC
1 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/styles/post-listing.css
View file

@ -5,10 +5,17 @@
* The parent <main> must have a class called ".post-listing" * The parent <main> must have a class called ".post-listing"
* *
*/ */
@media (min-width: 980px) {
main.post-listing { main.post-listing {
width: 960px; width: 960px;
margin: auto; margin: auto;
} }
}
@media not (min-width: 980px) {
main.post-listing {
margin: 30px;
}
}
main.post-listing ul { main.post-listing ul {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;