Optimized layout structure

2 files changed, 6 insertions, 0 deletions

diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index b9096e9..4d4ecc6 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -37,6 +37,8 @@ body {
 }
 
 main {
+    width: 100%;
+    
     @include iro-responsive-env(('sm', 'md')) {
         font-size: iro-responsive-set((1rem, 1 / 16 * 18rem));
     }
diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss
index 341be75..a59c039 100644
--- a/assets/css/components/_header.scss
+++ b/assets/css/components/_header.scss
@@ -64,5 +64,9 @@
             width:  prop(--dims --icon);
             height: prop(--dims --icon);
         }
+
+        @include media('>=lg') {
+            position: absolute;
+        }
     }
 }