Enhance header navigation layout and improve homepage content clarity

Author: ManuelColombo

assets/style.css

@@ -1,5 +1,5 @@
 /* assets/style.css */
-:root { --ink:#222; --bg:#f9f9f9; --link:#0b72d2; }
+:root { --ink:#222; --bg:#f9f9f9; --link:#0b72d2; --col:760px}
 
 *{ box-sizing: border-box;
  overflow-wrap: break-word; }
@@ -8,26 +8,47 @@ body {
   font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
   margin: 0.5rem; color: var(--ink); background: var(--bg);
 }
-header{
-    border-bottom: #000001 dashed 1px;
-    height: 2rem;
-    display: flex;
-    justify-content: center;
-    text-align: center;
-    padding: 0;
+header nav{
+    /* border-bottom: #000001 dashed 1px; */
+    display: grid;
+    grid-template-columns: repeat(2, 1fr); /* Default: 2 columns */
+    gap: 16px;
+    width: 100%;
+    max-width: var(--col);
+    margin: 0 auto;;
 }
 
 header nav a { padding: 0 1rem; 
   color: var(--link); 
-  
   text-decoration: none; 
-text-align: center;
-  border-left: #000001 dashed 1px;}
+  text-align: center;
+  border-left: #000001 dashed 1px;
+  white-space: nowrap;
+  min-height: 2rem;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  height: 2rm; /* Example height */
+  box-sizing: border-box;
+}
+
+header nav a:nth-child(2n){border-right: #000001 dashed 1px;}
+
+/* When the container is wide enough, switch to 4 columns */
+@media (min-width: 768px) {
+  header nav{ 
+    grid-template-columns: repeat(4, 1fr);
+  }
+  header nav a:nth-child(2n){border-right: none;}
+  header nav a:last-child{border-right: #000001 dashed 1px;}
+}
+
 
-header nav a:last-child{border-right: #000001 dashed 1px;}
 
 main {
-  max-width: 760px; margin: 1rem auto; background: #fff; padding: 1rem;
+  max-width: var(--col); margin: 1rem auto; background: #fff; padding: 1rem;
   border-radius: 10px; 
   /* box-shadow: 0 2px 12px #0001; */
 }

index.md

@@ -2,10 +2,11 @@
 title: "Home"
 layout: base.njk
 ---
-# Welcome to my website. 
+# Where Curiosity Meets User Experience
+## Welcome to my website. 
 
-I am **Manuel Colombo**, Design Lead and UX Researcher with over 15 years of experience in complex digital projects. I help teams and organizations put users at the center of innovation, combining in-depth research with strategic vision.
+I am **Manuel Colombo**, Design Lead and UX Researcher with over 15 years of experience in complex digital projects. I help teams and organizations put users at the center of innovation, but I never settle for the obvious or the routine. I believe in questioning assumptions and exploring ideas from at least three perspectives: my own, the opposite, and a fresh, outsider’s view. This approach sparks new insights and helps uncover possibilities that conventional thinking often overlooks.
 
-Here you can find my [CV](/cv/), [Explore my approach to design and research](/approach/), and [Blog](/blog/)
+Here you can find my [something about me](/cv/), [Explore my approach to design and research](/approach/), and [read some of my ideas](/blog/)
 
 </span>