standardebooks/web
1
0
Fork 0
mirror of https://github.com/standardebooks/web.git synced 2025-07-08 15:50:29 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add grid layouts for smaller screens to /artwork grid

Browse source
This commit is contained in:
Job Curtis 2024-01-10 19:11:52 +00:00 • committed by Alex Cabal
parent 57ed9c5c1e
commit b51099e8f4
1 changed files with 20 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

20
www/css/artwork.css
View file

@ -276,3 +276,23 @@ form div.footer{
grid-column: 1;
}
}
@media(max-width: 1020px){
main > section > ol.artwork-list{
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
}
}
@media(max-width: 760px){
main > section > ol.artwork-list{
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
}
}
@media(max-width: 480px){
main > section > ol.artwork-list{
grid-template-columns: repeat(1, 1fr);
}
}