From 4fbd0a9aa51778b89e536ea6fdae7d998f5db267 Mon Sep 17 00:00:00 2001
From: Matt Kersley <matt.k@brave.agency>
Date: Sat, 31 Aug 2024 16:57:18 +0100
Subject: [PATCH] attempt 3

---
 _includes/head.html |  2 +-
 css/main.scss       | 31 +++++++++++++++++++++----------
 2 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/_includes/head.html b/_includes/head.html
index 874cff8..1d9d59c 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -7,7 +7,7 @@
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
 
   <link href='https://fonts.googleapis.com/css?family=Esteban|Lato:400,900' rel='stylesheet' type='text/css'>
-  <link rel="stylesheet" href="{{ "/css/main.css?v=00006" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ "/css/main.css?v=00007" | prepend: site.baseurl }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
   {% include head--twitter-card.html %}
diff --git a/css/main.scss b/css/main.scss
index 73a5bf0..cd8bd24 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -9,23 +9,31 @@
   --anim-speed: 1s;
 }
 
-
-html, body {
-  height:100%;
-  font-family: sans-serif;
-  margin:0;
+html{
+  display: flex;
+  justify-content: center;
   background: url(../img/bg-min.jpg) no-repeat;
   background-size: cover;
-  overscroll-behavior-y: none;
 }
 
-ul {
-  padding: 1em;
-}
+// html, body {
+//   display: flex;
+//   justify-content: center;
+//   height: 100vh; /* Full viewport height */
+//   font-family: sans-serif;
+//   margin:0;
+//   overscroll-behavior-y: none;
+// }
+
+// html{
+//   background: url(../img/bg-min.jpg) no-repeat;
+//   background-size: cover;
+// }
+
 
 body {
   padding:15px;
-  height:calc(100% - 30px);
+  min-height:calc(100vh - 30px);
   line-height: 1.5;
 }
 
@@ -42,6 +50,9 @@ h4 {
 }
 
 
+ul {
+  padding: 1em;
+}
 .align {
   display: flex;
   align-items:center;