@@ -47,7 +47,7 @@
</head>
<body class="antialiased overscroll-none text-12-regular overflow-hidden">
<noscript>You need to enable JavaScript to run this app.</noscript>
- <div id="root" class="flex flex-col h-screen"></div>
+ <div id="root" class="flex flex-col h-dvh"></div>
<script src="/src/entry.tsx" type="module"></script>
</body>
</html>
@@ -53,8 +53,8 @@ export default function Home() {
}
return (
- <div class="mx-auto mt-55">
- <Logo class="w-xl opacity-12" />
+ <div class="mx-auto mt-55 w-full md:w-auto px-4">
+ <Logo class="md:w-xl opacity-12" />
<Button
size="large"
variant="ghost"