Increased album tile size.
This commit is contained in:
parent
b58ceb85bc
commit
89956f3ad5
|
@ -100,7 +100,7 @@ export default {
|
||||||
display: grid;
|
display: grid;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: 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;
|
grid-gap: 0 1rem;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
margin: auto 0;
|
margin: auto 0;
|
||||||
|
@ -122,6 +122,12 @@ export default {
|
||||||
margin: 0 0 1rem 0;
|
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) {
|
@media(max-width: $breakpoint) {
|
||||||
.album-items {
|
.album-items {
|
||||||
grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
|
grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
|
||||||
|
|
Loading…
Reference in New Issue