diff --git a/assets/components/album/album.vue b/assets/components/album/album.vue index 9599e027..63e5a7b4 100644 --- a/assets/components/album/album.vue +++ b/assets/components/album/album.vue @@ -100,7 +100,7 @@ export default { display: grid; align-items: center; justify-content: center; - grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); grid-gap: 0 1rem; padding: 1rem; margin: auto 0; @@ -122,6 +122,12 @@ export default { margin: 0 0 1rem 0; } +@media(max-width: $breakpoint-kilo) { + .album-items { + grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); + } +} + @media(max-width: $breakpoint) { .album-items { grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));