mirror of
https://github.com/Fluffy-Bean/Fluffys-website.git
synced 2025-07-01 05:56:16 +00:00
flasky flasky
This commit is contained in:
parent
e6e2714a95
commit
40baf07fe1
36 changed files with 1035 additions and 1365 deletions
35
static/css/scss/_grid.scss
Normal file
35
static/css/scss/_grid.scss
Normal file
|
@ -0,0 +1,35 @@
|
|||
body {
|
||||
min-height: 100vh;
|
||||
|
||||
display: grid;
|
||||
grid-template-areas: 'aside nav'
|
||||
'aside wrapper'
|
||||
'footer wrapper';
|
||||
|
||||
grid-template-rows: 3rem auto 3rem;
|
||||
grid-template-columns: 20rem 1fr;
|
||||
}
|
||||
|
||||
.nav {
|
||||
grid-area: nav;
|
||||
}
|
||||
.wrapper {
|
||||
grid-area: wrapper;
|
||||
}
|
||||
.aside {
|
||||
grid-area: aside;
|
||||
}
|
||||
.footer {
|
||||
grid-area: footer;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
body {
|
||||
grid-template-areas: 'nav'
|
||||
'wrapper'
|
||||
'footer';
|
||||
|
||||
grid-template-rows: 3rem 1fr 3rem;
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue