From 35c513d08bb2277a7ef81ea30967d2e315e3e858 Mon Sep 17 00:00:00 2001 From: Tanner Date: Thu, 24 Sep 2026 00:24:30 +0000 Subject: [PATCH] Reorder header, make mobile 3x2 --- 3d-printers/index.html | 4 ++-- about/index.html | 4 ++-- contact/index.html | 4 ++-- electronics-lab/index.html | 4 ++-- index.html | 4 ++-- join-us/index.html | 4 ++-- laser-cutters/index.html | 4 ++-- metal-shop/index.html | 4 ++-- sewing-room/index.html | 4 ++-- spaces/index.html | 4 ++-- styles.css | 32 +++++++++++++++++++++----------- wood-shop/index.html | 4 ++-- 12 files changed, 43 insertions(+), 33 deletions(-) diff --git a/3d-printers/index.html b/3d-printers/index.html index 0caa8f0..20ed172 100644 --- a/3d-printers/index.html +++ b/3d-printers/index.html @@ -69,11 +69,11 @@ Protospace diff --git a/about/index.html b/about/index.html index 8a991c9..c65b3cf 100644 --- a/about/index.html +++ b/about/index.html @@ -69,11 +69,11 @@ Protospace diff --git a/contact/index.html b/contact/index.html index 79a4747..560a61a 100644 --- a/contact/index.html +++ b/contact/index.html @@ -69,11 +69,11 @@ Protospace diff --git a/electronics-lab/index.html b/electronics-lab/index.html index 0f4174a..465bcab 100644 --- a/electronics-lab/index.html +++ b/electronics-lab/index.html @@ -69,11 +69,11 @@ Protospace diff --git a/index.html b/index.html index 374615a..78d82b3 100644 --- a/index.html +++ b/index.html @@ -69,11 +69,11 @@ Protospace diff --git a/join-us/index.html b/join-us/index.html index 59fb3af..bc0df15 100644 --- a/join-us/index.html +++ b/join-us/index.html @@ -69,11 +69,11 @@ Protospace diff --git a/laser-cutters/index.html b/laser-cutters/index.html index f8d3f21..cf5eecf 100644 --- a/laser-cutters/index.html +++ b/laser-cutters/index.html @@ -69,11 +69,11 @@ Protospace diff --git a/metal-shop/index.html b/metal-shop/index.html index 8f002b2..1fd8584 100644 --- a/metal-shop/index.html +++ b/metal-shop/index.html @@ -69,11 +69,11 @@ Protospace diff --git a/sewing-room/index.html b/sewing-room/index.html index 2a6c47c..356520f 100644 --- a/sewing-room/index.html +++ b/sewing-room/index.html @@ -69,11 +69,11 @@ Protospace diff --git a/spaces/index.html b/spaces/index.html index 29c0c71..6a9cbf0 100644 --- a/spaces/index.html +++ b/spaces/index.html @@ -69,11 +69,11 @@ Protospace diff --git a/styles.css b/styles.css index 8dc3a3e..04ff0f4 100644 --- a/styles.css +++ b/styles.css @@ -76,7 +76,10 @@ header { display: flex; align-items: center; justify-content: space-between; - padding: 10px 0; + padding: 10px 24px; +} +.brand { + flex-shrink: 0; } .brand img { display: block; @@ -87,13 +90,15 @@ header { display: flex; gap: 28px; align-items: center; + flex-shrink: 0; } .nav a { color: #fff; + white-space: nowrap; text-decoration: none; text-transform: uppercase; font: - 300 22px/1 "Yanone Kaffeesatz", + 300 24px/1 "Yanone Kaffeesatz", sans-serif; } .nav a:hover { @@ -118,13 +123,14 @@ header { } .content { max-width: 1140px; - width: calc(100% - 40px); + width: 100%; margin: 0 auto 72px; + padding: 0 20px; } .layout { display: grid; - grid-template-columns: minmax(0, 750px) 300px; - gap: 90px; + grid-template-columns: minmax(0, 1fr) 300px; + gap: 40px; margin-top: 60px; } .layout.full { @@ -250,7 +256,7 @@ footer p { height: 30px; vertical-align: middle; } -@media (max-width: 760px) { +@media (max-width: 820px) { .nav-wrap { padding: 12px 20px; display: block; @@ -259,16 +265,20 @@ footer p { margin: auto; } .nav { + display: grid; + grid-template-columns: repeat(3, auto); justify-content: center; - gap: 15px; + column-gap: 20px; + row-gap: 10px; margin-top: 20px; } .nav a { - font-size: 22px; + justify-self: center; + font-size: 24px; } .content { - width: calc(100% - 24px); - padding: 0; + width: 100%; + padding: 0 12px; } .layout { display: block; @@ -337,7 +347,7 @@ footer p { } @media (max-width: 560px) { .area-grid { - width: calc(100% - 56px); + width: 80%; margin-right: auto; margin-left: auto; grid-template-columns: 1fr; diff --git a/wood-shop/index.html b/wood-shop/index.html index d0fa1b4..3888ec1 100644 --- a/wood-shop/index.html +++ b/wood-shop/index.html @@ -69,11 +69,11 @@ Protospace