improve homepage css

dbushell · Nov 5, 2024 · fdf862a · fdf862a
1 parent dac2530
commit fdf862a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git 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
@@ -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);
     }
   }
 }