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

refactor: links header spacing

Browse source
This commit is contained in:
Kentai Radiquum 2024-09-16 11:29:33 +05:00
parent d3b215ba0a
commit 7ba444cb21
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 19 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -64,7 +64,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="container h-screen py-6 text-white scroll-mt-12" id="section_about"> <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> <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 gap-8 w-fit">
<div class="flex flex-col w-[416px]"> <div class="flex flex-col w-[416px]">
@ -121,8 +121,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="container py-16 text-white scroll-mt-20" id="section_links"> <div class="container min-h-screen py-6 text-white scroll-mt-12" id="section_links">
<h1 class="mb-12 text-6xl font-bold text-center">LINKS</h1> <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 gap-8 w-fit">
<!-- Photo Links --> <!-- Photo Links -->
<div class="flex flex-col w-[416px] gap-4"> <div class="flex flex-col w-[416px] gap-4">

16
static/tailwind.css
View file

@ -732,6 +732,10 @@ video {
min-height: 196px; min-height: 196px;
} }
.min-h-screen {
min-height: 100vh;
}
.w-10 { .w-10 {
width: 2.5rem; width: 2.5rem;
} }
@ -1080,6 +1084,18 @@ video {
padding-right: 0.5rem; padding-right: 0.5rem;
} }
.pb-6 {
padding-bottom: 1.5rem;
}
.pt-12 {
padding-top: 3rem;
}
.pt-24 {
padding-top: 6rem;
}
.text-center { .text-center {
text-align: center; text-align: center;
} }