From 3dc29df726a9186cfaab91cd9882f1a56b02e23a Mon Sep 17 00:00:00 2001
From: gil <kalanggam@proton.me>
Date: Mon, 10 Jun 2024 17:53:23 -0500
Subject: [PATCH] Flip-flopping on font-size

---
 src/css/landing.css     | 6 +++++-
 src/css/landing.css.map | 2 +-
 src/scss/landing.scss   | 8 ++++++--
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/css/landing.css b/src/css/landing.css
index 7bdf3d1..7e31822 100644
--- a/src/css/landing.css
+++ b/src/css/landing.css
@@ -125,9 +125,10 @@ main article:first-child {
 @media screen and (min-width: 768px) {
   main article {
     border: solid rgb(40, 39, 38);
-    max-height: 400px;
+    max-height: 300px;
     overflow: scroll;
     padding: 2em;
+    padding-bottom: 1em;
   }
 }
 main article h1 {
@@ -160,6 +161,7 @@ aside {
   margin-top: 20px;
   margin-bottom: 20px;
   width: 256px;
+  max-height: 250px;
 }
 @media screen and (min-width: 768px) {
   aside {
@@ -174,6 +176,8 @@ aside img {
 }
 
 .entry-button {
+  display: inline-block;
+  height: 2em;
   margin: auto;
   margin-bottom: 10px;
   image-rendering: pixelated;
diff --git a/src/css/landing.css.map b/src/css/landing.css.map
index cda1113..93e46cd 100644
--- a/src/css/landing.css.map
+++ b/src/css/landing.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/landing.scss","../scss/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACnDF;;AAAA;AAAA;;AAAA;AAYA;;AAAA;AAAA;;AAAA;AAUA;EAEI;EACA;EAEF;;;AAGF;EACE;EACA;EACA;EACA,KA5BO;EA6BP;;AC3BA;EDsBF;IAQI;IACA;IACA;;;;AAIJ;EACE;EACA,KAxCO;EAyCP;EACA;EACA;;ACzCA;EDoCF;IAQI,WA5CQ;;;AA+CV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;ACvDJ;ED+CA;IAYI;IACA;IACA;IACA;;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;;ACrGA;EDkGF;IAMI;IACA;;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AClIF;EDmHF;IAmBI","file":"landing.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/landing.scss","../scss/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACnDF;;AAAA;AAAA;;AAAA;AAWA;;AAAA;AAAA;;AAAA;AAUA;EAEI;EACA;EAEF;;;AAGF;EACE;EACA;EACA;EACA,KA3BO;EA4BP;;AC1BA;EDqBF;IAQI;IACA;IACA;;;;AAIJ;EACE;EACA,KAvCO;EAwCP;EACA;EACA;;ACxCA;EDmCF;IAQI,WA5CQ;;;AA+CV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;ACtDJ;ED8CA;IAYI;IACA;IACA;IACA;IACA;;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EAaA,YAlHW;;ACAX;EDkGF;IAMI;IACA;;;AAGF;EACE;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;ACtIF;EDqHF;IAqBI","file":"landing.css"}
\ No newline at end of file
diff --git a/src/scss/landing.scss b/src/scss/landing.scss
index f77e968..57fc65f 100644
--- a/src/scss/landing.scss
+++ b/src/scss/landing.scss
@@ -10,7 +10,6 @@ VARIABLES
 
 */
 $gutter: 10px;
-$padding: $gutter;
 $max-width: 500px;
 $max-height: math.div($max-width, 2);
 $avatar-width: 256px;
@@ -71,9 +70,10 @@ main {
 
     @include breakpoint("md") {
       border: solid #{colors.$base-900};
-      max-height: 400px;
+      max-height: 300px;
       overflow: scroll;
       padding: 2em;
+      padding-bottom: 1em;
     }
 
     h1 {
@@ -124,9 +124,13 @@ aside {
     image-rendering: pixelated;
     max-width: #{$avatar-width};
   }
+
+  max-height: $max-height;
 }
 
 .entry-button {
+  display: inline-block;
+  height: 2em;
   margin: auto;
   margin-bottom: #{$gutter};
   image-rendering: pixelated;