Radiquum/radiquum.github.io
1
0
Fork 0
mirror of https://github.com/Radiquum/radiquum.github.io.git synced 2025-05-08 13:59:34 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: scroll margins

Browse source
This commit is contained in:
Kentai Radiquum 2024-09-23 13:59:36 +05:00
parent b02412ade5
commit 0bf069e257
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 127 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

10
index.html
View file

@ -46,7 +46,7 @@
</div>
</div>
</header>
<div class="container px-2 2xl:h-screen" id="section_landing">
<div class="container px-2 sm:pb-3 2xl:h-screen" id="section_landing">
<div class="text-white h-full lg:max-h-[45vh] xl:max-h-[40vh] 2xl:max-h-[60vh] relative">
<div class="bg-bg-pink w-full h-full lg:max-h-[45vh] xl:max-h-[40vh] 2xl:max-h-[60vh] max-w-[46.25%] absolute top-0 right-0 -z-10 hidden sm:block"></div>
<div class="flex flex-col items-center justify-center gap-4 pt-8 pb-4 sm:justify-between 2xl:justify-center sm:gap-12 sm:py-8 sm:px-8 sm:flex-row">
@ -87,8 +87,8 @@
</div>
</div>
</div>
<div class="container min-h-screen px-2 py-6 overflow-hidden text-white scroll-mt-20 lg:scroll-mt-8 xl:scroll-mt-20" id="section_about">
<h1 class="mb-12 text-4xl font-bold text-center mt-28 sm:mt-32 md:mt-28 2xl:mt-20 sm:text-6xl">ABOUT ME</h1>
<div class="container min-h-screen px-2 py-6 text-white scroll-mt-36 sm:scroll-mt-28 lg:scroll-mt-4 xl:scroll-mt-20" id="section_about">
<h1 class="mb-12 text-4xl font-bold text-center lg:mt-28 2xl:mt-20 sm:text-6xl">ABOUT ME</h1>
<div class="flex flex-wrap gap-8 mx-auto sm:justify-center w-fit">
<div class="flex flex-col w-[344px] sm:w-[416px]">
<div class="relative w-[344px] sm:w-[416px] h-[100px] sm:h-[120px] flex justify-center items-center bg-bg-gray">
@ -144,8 +144,8 @@
</div>
</div>
</div>
<div class="container min-h-screen py-6 overflow-hidden text-white scroll-mt-20 lg:scroll-mt-8 xl:scroll-mt-20" id="section_links">
<h1 class="mb-12 text-4xl font-bold text-center mt-28 sm:mt-32 md:mt-28 2xl:mt-20 sm:text-6xl">LINKS</h1>
<div class="container min-h-screen py-6 text-white scroll-mt-36 sm:scroll-mt-28 lg:scroll-mt-4 xl:scroll-mt-20" id="section_links">
<h1 class="mb-12 text-4xl font-bold text-center lg:mt-28 2xl:mt-20 sm:text-6xl">LINKS</h1>
<div class="flex flex-wrap justify-center gap-8 mx-auto w-fit">
<!-- Photo Links -->
<div class="flex flex-col w-[344px] sm:w-[416px] gap-1 sm:gap-4">