Radiquum/radiquum.github.io
1
0
Fork 0
mirror of https://github.com/Radiquum/radiquum.github.io.git synced 2025-04-08 09:14:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: fix scroll spacing

Browse source
This commit is contained in:
Kentai Radiquum 2024-09-15 22:34:41 +05:00
parent 3aadccd58e
commit 4f352eb88a
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -64,7 +64,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="container py-10 text-white scroll-mt-10" id="section_about"> <div class="container 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> <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"> <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 <p>Hi! I'm Kentai Radiquum 🐾, a tech enthusiast with a passion for software development. I love
@ -81,7 +81,7 @@
<p>Feel free to reach out anytime! I will be happy to chat.</p> <p>Feel free to reach out anytime! I will be happy to chat.</p>
</div> </div>
</div> </div>
<div class="container py-16 text-white scroll-mt-12" id="section_links"> <div class="container py-16 text-white scroll-mt-20" id="section_links">
<h1 class="mb-12 text-6xl font-bold text-center">LINKS</h1> <h1 class="mb-12 text-6xl font-bold text-center">LINKS</h1>
<div class="flex flex-wrap gap-8 w-fit"> <div class="flex flex-wrap gap-8 w-fit">
<!-- Photo Links --> <!-- Photo Links -->

13
static/tailwind.css
View file

@ -826,6 +826,14 @@ video {
scroll-margin-top: 2.5rem; scroll-margin-top: 2.5rem;
} }
.scroll-mt-6 {
scroll-margin-top: 1.5rem;
}
.scroll-mt-20 {
scroll-margin-top: 5rem;
}
.flex-col { .flex-col {
flex-direction: column; flex-direction: column;
} }
@ -1013,6 +1021,11 @@ video {
padding-bottom: 2.5rem; padding-bottom: 2.5rem;
} }
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.pb-2 { .pb-2 {
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }