summaryrefslogtreecommitdiff
path: root/assets/css/main.css
diff options
context:
space:
mode:
authorArne Rief <riearn@proton.me>2026-05-22 22:05:26 +0200
committerArne Rief <riearn@proton.me>2026-06-15 11:59:53 +0200
commitd6806ebb4dd1baacaf9414f67d34625978e0fdb9 (patch)
treea79a140e0ee27a5c3b475c38e753517437e83e0d /assets/css/main.css
parente9f46b1e5a2c41bfe1da702b3823d64fb3d64017 (diff)
Layout improvs body, main, next-prev links & page nav
Diffstat (limited to 'assets/css/main.css')
-rw-r--r--assets/css/main.css15
1 files changed, 8 insertions, 7 deletions
diff --git a/assets/css/main.css b/assets/css/main.css
index b531713..6a9d3c9 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -16,7 +16,7 @@
--glow: 0 0 0 3px rgba(233, 215, 159, 0.24);
--line-height-default: 1.5;
--line-height-heading: 1.2;
- --link-color: #996100;
+ --link-color: #996100; /* Slightly darker: #905914; more darker: #895700 */
--link-hover: #b58900;
--margin-padding-Y-default: 20px 0;
--margin-padding-Y-big: 40px 0;
@@ -72,12 +72,17 @@ body {
display: grid;
grid-template-rows: auto auto 1fr auto; /* Ensure header & navmenu at top, main taking up main space, footer at bottom */
margin: 1.5rem auto;
- max-width: 740px;
+ max-width: 1080px;
min-height: 100vh;
+
+ @media (max-width: 1024px) {
+ margin: 1.5rem 20px;
+ }
}
main {
- margin: 0.5rem 0;
+ margin: 0.5rem auto;
+ max-width: 70ch;
p {
margin-bottom: var(--gap-default);
@@ -92,10 +97,6 @@ main {
max-width: 100%;
}
}
-
- @media (max-width: 1024px) {
- margin: 20px;
- }
}
/* TYPOGRAPHY & text elements */