Basic responsive layout
This commit is contained in:
parent
feb5fdd36c
commit
7c1cb65b17
@ -1,4 +1,5 @@
|
||||
.personnel {
|
||||
|
||||
.person {
|
||||
text-align: center;
|
||||
|
||||
@ -13,3 +14,10 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: $width-mobile) {
|
||||
.personnel .grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 1em;
|
||||
}
|
||||
}
|
||||
|
1
sass/_variables.scss
Normal file
1
sass/_variables.scss
Normal file
@ -0,0 +1 @@
|
||||
$width-mobile: 900px;
|
@ -1,3 +1,4 @@
|
||||
@import "variables";
|
||||
@import "fonts";
|
||||
@import "grid";
|
||||
@import "personnel";
|
||||
|
Loading…
Reference in New Issue
Block a user