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 @@
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 @@
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 @@
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 @@
diff --git a/index.html b/index.html
index 374615a..78d82b3 100644
--- a/index.html
+++ b/index.html
@@ -69,11 +69,11 @@
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 @@
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 @@
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 @@
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 @@
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 @@
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 @@