From 97f77ce64eebdaa0c6b42b2295f1d5511cc443e3 Mon Sep 17 00:00:00 2001
From: Andreas Taranetz <57600104+holistic-developer@users.noreply.github.com>
Date: Tue, 7 May 2024 17:11:55 +0000
Subject: [PATCH] Fix h1 width

---
 package-lock.json | 12 ++++++------
 src/index.css     | 10 +++++-----
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 7dfd949..4edad59 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,13 +12,13 @@
         "react-dom": "^18.2.0"
       },
       "devDependencies": {
-        "@types/react": "^18.0.26",
-        "@types/react-dom": "^18.0.9",
-        "@vitejs/plugin-react-swc": "^3.0.0",
+        "@types/react": "^18.2.79",
+        "@types/react-dom": "^18.2.25",
+        "@vitejs/plugin-react-swc": "^3.6.0",
         "gh-pages": "^5.0.0",
-        "prettier": "^2.8.4",
-        "typescript": "^4.9.3",
-        "vite": "^4.5.2"
+        "prettier": "^2.8.8",
+        "typescript": "^4.9.5",
+        "vite": "^4.5.3"
       }
     },
     "node_modules/@esbuild/android-arm": {
diff --git a/src/index.css b/src/index.css
index 4b3ece9..5c47d50 100644
--- a/src/index.css
+++ b/src/index.css
@@ -56,14 +56,14 @@ main {
     background-color: var(--background);
 }
 
-h1 {
-    width: 30vw;
-}
-
-@media screen and (min-aspect-ratio: 1.4/1) {
+@media screen and (min-aspect-ratio: 1.2/1) {
     main {
         flex-direction: row;
     }
+
+    h1 {
+        width: 40vw;
+    }
 }
 
 button {