From 51243c250311cbd3f4b8876ad164d12d17a81558 Mon Sep 17 00:00:00 2001
From: arne <hi@arnes.space>
Date: Sat, 26 Feb 2022 13:59:39 +0100
Subject: [PATCH] Fix minimum grid and maximum header width

---
 src/assets/style.scss | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/assets/style.scss b/src/assets/style.scss
index 2758ea4..b2b72de 100644
--- a/src/assets/style.scss
+++ b/src/assets/style.scss
@@ -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";