Add options for responsive grid gap

This commit is contained in:
2024-01-12 16:36:05 +01:00
parent 6b63e34d64
commit cef1e48d14
3 changed files with 3 additions and 6 deletions

View File

@ -16,4 +16,6 @@
.grid-mobile-1 { grid-template-columns: 1fr }
.grid-mobile-2 { grid-template-columns: 1fr 1fr }
.grid-mobile-3 { grid-template-columns: 1fr 1fr 1fr }
.grid-mobile-gap-1 { gap: 1em }
}

View File

@ -52,11 +52,6 @@
}
@media only screen and (max-width: $width-mobile) {
.personnel .grid {
grid-template-columns: 1fr 1fr;
gap: 1em;
}
.personnel .person img {
margin-bottom: .5em;
}