Improve global layout structure and fix various styling issues #16

src/assets/css/src/1.0.global.css

@@ -40,6 +40,18 @@ body {
 /* Main */
 main {
   position: relative;
+  min-height: calc(100vh - var(--gutter) * 2);
+}
+main > header {
+  align-items: flex-start;
+  justify-content: space-between;
+  width: 100%;
+}
+
+
+/* Section */
+section {
+  width: 100%;
 }
 
 

src/assets/css/src/2.blocks.button.css

@@ -9,6 +9,7 @@
   justify-content: center;
   align-items: center;
   gap: var(--space-8);
+  flex-shrink: 0;
   padding: .6em var(--space-16) .75em;
   max-height: 2.5rem;
   text-align: center;

src/assets/css/src/2.blocks.project.css

@@ -3,6 +3,7 @@
 .project-item {
   background: var(--color-background);
   row-gap: 2.5rem;
+  position: relative;
 }
 
 .project-item hgroup {
@@ -35,9 +36,9 @@
   flex: 1 1 0%;
   display: flex;
   gap: var(--gap);
-  margin-top: -2.75rem;
+  margin-top: -1.5rem;
   position: relative;
-  min-width: max(55%, 45rem);
+  min-width: 55%;
   width: 100%;
   padding: 2rem 0;
 }