Basic responsive layout

This commit is contained in:
Emil Miler 2024-01-11 18:18:53 +01:00
parent feb5fdd36c
commit 7c1cb65b17
3 changed files with 10 additions and 0 deletions

View File

@ -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
View File

@ -0,0 +1 @@
$width-mobile: 900px;

View File

@ -1,3 +1,4 @@
@import "variables";
@import "fonts";
@import "grid";
@import "personnel";