feat: add responsiveness

This commit is contained in:
Kentai Radiquum 2024-05-19 18:02:15 +05:00
parent 0b09f1b50f
commit 78efd2500a
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
3 changed files with 86 additions and 8 deletions

View file

@ -9,8 +9,8 @@
</head>
<body>
<header class="shadow-lg pt-4 pb-6 sticky top-0 left-0">
<div class="flex flex-row gap-2 items-center container max-w-[1440px] justify-between">
<header class="shadow-lg pt-4 pb-6 sticky top-0 left-0 bg-slate-50">
<div class="flex flex-row gap-2 items-center container max-w-[1440px] justify-between px-4">
<div><img src="/public/images/logo-light.svg" alt="wah.su" /></div>
<div>
<a href="https://status.wah.su" class="flex flex-row items-center gap-2" target="_blank">
@ -36,7 +36,7 @@
</div>
</header>
<div class="container max-w-[1440px] mt-14 text-center">
<div class="container max-w-[1440px] mt-14 text-center px-4">
<h1 class="font-bold text-8xl text-gray-800">Welcome to wah.su!</h1>
<!--noformat-->
<p class="max-w-[840px] mx-auto mt-6 text-gray-700 text-left whitespace-pre">
@ -49,9 +49,9 @@
<!--noformat-->
</div>
<div class="container max-w-[1440px] mt-14">
<div class="container max-w-[1440px] mt-14 px-4 py-4">
<h1 class="font-bold text-4xl mb-4 text-gray-800">Currently hosting</h1>
<div class="flex flex-row gap-2" id="services">
<div class="flex flex-row gap-2 flex-wrap" id="services">
</div>
</div>