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

feat: responsive about and links sections

Browse source
This commit is contained in:
Kentai Radiquum 2024-09-16 11:43:21 +05:00
parent 7ba444cb21
commit 6c0f477436
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
3 changed files with 49 additions and 108 deletions
Download patch file Download diff file Expand all files Collapse all files

8
index.html
View file

@ -66,7 +66,7 @@
</div>
<div class="container min-h-screen py-6 text-white scroll-mt-12" id="section_about">
<h1 class="mt-16 mb-12 text-6xl font-bold text-center">ABOUT ME</h1>
<div class="flex flex-wrap gap-8 w-fit">
<div class="flex flex-wrap justify-center gap-8 mx-auto w-fit">
<div class="flex flex-col w-[416px]">
<div class="relative w-[416px] h-[120px] flex justify-center items-center bg-bg-gray">
<p class="font-bold text-4xl p-[8px]">Tech enthusiast</p>
@ -93,7 +93,7 @@
</div>
</div>
</div>
<div class="flex flex-col w-[416px]">
<div class="flex flex-col w-[416px] xl:-mt-[248px] 2xl:-mt-0">
<div class="relative w-[416px] h-[120px] flex justify-center items-center bg-orange-600">
<p class="font-bold text-4xl p-[8px]">Red Pandas admirer</p>
</div>
@ -123,7 +123,7 @@
</div>
<div class="container min-h-screen py-6 text-white scroll-mt-12" id="section_links">
<h1 class="mt-16 mb-12 text-6xl font-bold text-center">LINKS</h1>
<div class="flex flex-wrap gap-8 w-fit">
<div class="flex flex-wrap justify-center gap-8 mx-auto 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 overflow-hidden" id="photos-image">
@ -290,7 +290,7 @@
</div>
</div>
<!-- Contact and Friends links Links -->
<div class="flex flex-col w-[416px] gap-4">
<div class="flex flex-col w-[416px] gap-8 xl:gap-4 xl:-mt-[196px] 2xl:-mt-0">
<!-- Contact Links -->
<div class="flex flex-col gap-4">
<div class="relative w-[416px] h-[180px] flex justify-end items-end bg-bg-pink">