em/kocandaci
1
0
Fork 0
Code Issues Pull Requests Actions Activity

Basic responsive layout

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
sass/_personnel.scss
View File

@ -1,4 +1,5 @@
.personnel { .personnel {
.person { .person {
text-align: center; 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;

1
sass/style.scss
View File

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