refactor: update container size

This commit is contained in:
Kentai Radiquum 2024-09-15 22:31:40 +05:00
parent 5b510c784e
commit 3aadccd58e
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
3 changed files with 153 additions and 341 deletions

View file

@ -24,8 +24,8 @@
</div>
</div>
</header>
<div class="h-screen" id="section_landing">
<div class="container mx-auto text-white h-full max-h-[60vh] relative">
<div class="container h-screen" id="section_landing">
<div class="text-white h-full max-h-[60vh] relative">
<div class="bg-bg-pink w-full h-full max-h-[60vh] max-w-[45.25%] absolute top-0 right-0 -z-10"></div>
<div class="flex items-center justify-center gap-12 px-8 py-8">
<img src="./static/avatar_512.png" alt="" class="w-[256px] lg:w-[372px] 2xl:w-[512px]" />
@ -36,7 +36,7 @@
</div>
</div>
</div>
<div class="container flex mx-auto text-white h-full max-h-[40vh]">
<div class="flex text-white h-full max-h-[40vh]">
<div class="max-w-[54.75%] bg-bg-gray py-4 w-full h-full">
<div class="flex items-center justify-between gap-2 px-4">
<img src="./static/file_icon.svg" alt="" class="w-[30px] h-[37px]" />
@ -64,7 +64,7 @@
</div>
</div>
</div>
<div class="container mx-auto text-white scroll-mt-40" id="section_about">
<div class="container py-10 text-white scroll-mt-10" id="section_about">
<h1 class="mt-16 mb-12 text-6xl font-bold text-center">ABOUT ME</h1>
<div class="flex flex-col gap-8 text-2xl font-light max-w-[1200px] mx-auto justify-center">
<p>Hi! I'm Kentai Radiquum 🐾, a tech enthusiast with a passion for software development. I love
@ -81,9 +81,9 @@
<p>Feel free to reach out anytime! I will be happy to chat.</p>
</div>
</div>
<div class="flex flex-col items-center justify-center p-8 mt-16 text-white scroll-mt-24" id="section_links">
<h1 class="mx-auto mb-12 text-6xl font-bold w-fit">LINKS</h1>
<div class="flex items-start justify-center gap-8">
<div class="container py-16 text-white scroll-mt-12" id="section_links">
<h1 class="mb-12 text-6xl font-bold text-center">LINKS</h1>
<div class="flex flex-wrap gap-8 w-fit">
<!-- Photo Links -->
<div class="flex flex-col w-[416px] gap-4">
<div class="relative w-[416px] h-[376px] flex justify-end items-end">