Add options for responsive grid gap
This commit is contained in:
@ -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 }
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
Reference in New Issue
Block a user