hero full screen

TODO

@@ -5,10 +5,13 @@
 - privacy policy - have no access to anything you generate, only keep a count of success/failed pdf generations with timestamp and error message
 - a11y and lighthouse fixes
 - check wcag compliance
+- Callback page - improve loading display in suspense
+- full screen headers open changes layout - fix
 
-429 lichess error handling
+- 429 lichess error handling
 
-add throw errors or return errors in server code
+- add throw errors or return errors in server code
-try/catch where needed in client code
 
-generate state and check it against the state returned from lichess https://lichess.org/api#tag/oauth/GET/oauth
+- try/catch where needed in client code
+
+- generate state and check it against the state returned from lichess https://lichess.org/api#tag/oauth/GET/oauth

package.json

@@ -6,7 +6,7 @@
     "#/*": "./src/*"
   },
   "scripts": {
-    "dev": "vite dev --port 3000",
+    "dev": "vite dev --port 3000 --host",
     "build": "vite build",
     "preview": "vite preview",
     "test": "vitest run",

src/pages/index.tsx

@@ -10,7 +10,7 @@ const Home = () => (
 	<main className="px-4 pb-8 pt-14">
 		<section
 			id="hero"
-			className="grid max-w-screen-2xl items-center gap-8 p-8 text-center md:grid-cols-2 md:text-left mx-auto"
+			className="grid max-w-screen-2xl items-center gap-8 p-8 text-center md:grid-cols-2 md:text-left mx-auto md:min-h-[calc(100vh-226px)]"
 		>
 			<div>
 				<h1 className="text-3xl font-bold text-base-content md:text-4xl">