near/arnes.space
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix minimum grid and maximum header width

Browse source
This commit is contained in:
arne 2022-02-26 13:59:39 +01:00
commit 51243c2503
1 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/assets/style.scss
View file

@ -70,8 +70,9 @@ a {
.ten-print {
width: $logo-size * 1px;
height: $logo-size * 1px;
height: auto;
display: block;
max-width: 100%;
path {
stroke: $highlight;
@ -83,13 +84,14 @@ a {
main {
display: grid;
width: 100%;
max-width: 960px;
margin: 48px;
padding: 48px;
grid-gap: 32px;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-rows: auto minmax(0, 1fr) auto; // grow the content area, shrink the other ones
grid-template-areas:
"header header header header"
"header empty empty empty"
"aside content content content"
"footer footer footer footer";
grid-auto-flow: dense;
@ -116,7 +118,7 @@ main {
main {
max-width: unset;
margin: 32px;
padding: 32px;
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
"header"
@ -195,7 +197,7 @@ footer {
.home {
grid-template-areas:
"header header header header"
"header empty empty empty"
"aside aside aside aside"
"footer footer footer footer";