From fdf862a690b4d4b5e9893825fb89d96965464d34 Mon Sep 17 00:00:00 2001
From: David Bushell <david@dbushell.com>
Date: Tue, 5 Nov 2024 06:51:46 +0000
Subject: [PATCH] improve homepage css

---
 src/css/base/typography.css |  2 +-
 src/css/crane.css           | 16 +++++++++++-----
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/css/base/typography.css b/src/css/base/typography.css
index ee84324..2edda36 100644
--- a/src/css/base/typography.css
+++ b/src/css/base/typography.css
@@ -136,7 +136,7 @@ h6 {
 h1 {
   --font-size: var(--font-size-4);
   --line-height: 1;
-  margin-block: var(--size-2);
+  margin-block: var(--size-3);
 }
 
 @container main (inline-size >= 25rem) {
diff --git a/src/css/crane.css b/src/css/crane.css
index 8718bda..a3d271e 100644
--- a/src/css/crane.css
+++ b/src/css/crane.css
@@ -24,14 +24,20 @@
   .Crane {
     & img {
       max-inline-size: 50%;
+      transform: translateX(-10%);
+    }
+
+    & > div {
+      display: grid;
+      justify-content: center;
+    }
+
+    & .List {
+      margin-block: 0 var(--size-3);
     }
 
-    & .List,
     & .Button {
-      display: block;
-      margin-inline-start: auto;
-      margin-inline-end: auto;
-      max-inline-size: max-content;
+      margin-inline-start: var(--size-2);
     }
   }
 }