FIX: grid-template-columns in Firefox do not support nested calc()

This commit is contained in:
David Taylor 2020-03-12 13:39:31 +00:00
parent da13c0f68a
commit 99713bf14c
No known key found for this signature in database
GPG Key ID: 46904C18B1D3F434
1 changed files with 7 additions and 1 deletions

View File

@ -20,7 +20,13 @@
.user-card-directory { .user-card-directory {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(calc(min(400px, 100%)), 1fr));
grid-template-columns: 1fr;
@media only screen and (min-width: 500px) {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
grid-gap: 60px 20px; grid-gap: 60px 20px;
margin-top: 60px; margin-top: 60px;