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: change section title margins

Browse source
This commit is contained in:
Kentai Radiquum 2024-09-17 14:49:23 +05:00
parent d5e9983c48
commit b02412ade5
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 88 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
index.html
View file

@ -87,8 +87,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="container min-h-screen px-2 py-6 overflow-hidden text-white scroll-mt-14 md:scroll-mt-20" id="section_about"> <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="mt-16 mb-12 text-4xl font-bold text-center md:mt-24 sm:text-6xl">ABOUT ME</h1> <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="flex flex-wrap gap-8 mx-auto sm:justify-center w-fit"> <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="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"> <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>
</div> </div>
<div class="container min-h-screen py-6 overflow-hidden text-white scroll-mt-14 md:scroll-mt-20" id="section_links"> <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="mt-16 mb-12 text-4xl font-bold text-center md:mt-24 sm:text-6xl">LINKS</h1> <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="flex flex-wrap justify-center gap-8 mx-auto w-fit"> <div class="flex flex-wrap justify-center gap-8 mx-auto w-fit">
<!-- Photo Links --> <!-- Photo Links -->
<div class="flex flex-col w-[344px] sm:w-[416px] gap-1 sm:gap-4"> <div class="flex flex-col w-[344px] sm:w-[416px] gap-1 sm:gap-4">

84
static/tailwind.css
View file

@ -686,6 +686,18 @@ video {
margin-top: 4rem; margin-top: 4rem;
} }
.mt-24 {
margin-top: 6rem;
}
.mt-32 {
margin-top: 8rem;
}
.mt-28 {
margin-top: 7rem;
}
.block { .block {
display: block; display: block;
} }
@ -828,6 +840,30 @@ video {
scroll-margin-top: 3.5rem; scroll-margin-top: 3.5rem;
} }
.scroll-mt-16 {
scroll-margin-top: 4rem;
}
.scroll-mt-20 {
scroll-margin-top: 5rem;
}
.scroll-mt-4 {
scroll-margin-top: 1rem;
}
.scroll-mt-8 {
scroll-margin-top: 2rem;
}
.scroll-mt-12 {
scroll-margin-top: 3rem;
}
.scroll-mt-24 {
scroll-margin-top: 6rem;
}
.flex-col { .flex-col {
flex-direction: column; flex-direction: column;
} }
@ -1260,6 +1296,14 @@ body {
top: -6rem; top: -6rem;
} }
.sm\:mt-16 {
margin-top: 4rem;
}
.sm\:mt-32 {
margin-top: 8rem;
}
.sm\:block { .sm\:block {
display: block; display: block;
} }
@ -1302,6 +1346,18 @@ body {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} }
.sm\:scroll-mt-16 {
scroll-margin-top: 4rem;
}
.sm\:scroll-mt-24 {
scroll-margin-top: 6rem;
}
.sm\:scroll-mt-32 {
scroll-margin-top: 8rem;
}
.sm\:flex-row { .sm\:flex-row {
flex-direction: row; flex-direction: row;
} }
@ -1421,6 +1477,10 @@ body {
margin-top: 6rem; margin-top: 6rem;
} }
.md\:mt-28 {
margin-top: 7rem;
}
.md\:inline { .md\:inline {
display: inline; display: inline;
} }
@ -1459,6 +1519,10 @@ body {
max-width: 53.75%; max-width: 53.75%;
} }
.xl\:scroll-mt-20 {
scroll-margin-top: 5rem;
}
.xl\:flex-col { .xl\:flex-col {
flex-direction: column; flex-direction: column;
} }
@ -1501,6 +1565,22 @@ body {
width: 64px; width: 64px;
} }
.lg\:scroll-mt-20 {
scroll-margin-top: 5rem;
}
.lg\:scroll-mt-10 {
scroll-margin-top: 2.5rem;
}
.lg\:scroll-mt-8 {
scroll-margin-top: 2rem;
}
.lg\:scroll-mt-12 {
scroll-margin-top: 3rem;
}
.lg\:gap-4 { .lg\:gap-4 {
gap: 1rem; gap: 1rem;
} }
@ -1530,6 +1610,10 @@ body {
margin-top: -0px; margin-top: -0px;
} }
.\32xl\:mt-20 {
margin-top: 5rem;
}
.\32xl\:h-screen { .\32xl\:h-screen {
height: 100vh; height: 100vh;
} }