attempt 3

mattkersley · Aug 31, 2024 · 4fbd0a9 · 4fbd0a9
1 parent 434c27d
commit 4fbd0a9
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 11 deletions.
diff --git 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
@@ -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;