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

align photo section with social media section in links

Browse source
This commit is contained in:
Kentai Radiquum 2024-09-15 15:13:08 +05:00
parent e9b5dc4dc4
commit 22ade2300f
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -86,8 +86,8 @@
<div class="flex items-start justify-center gap-8"> <div class="flex items-start justify-center gap-8">
<!-- Photo Links --> <!-- Photo Links -->
<div class="flex flex-col w-[416px] gap-4"> <div class="flex flex-col w-[416px] gap-4">
<div class="relative w-[416px] aspect-[342/288] flex justify-end items-end"> <div class="relative w-[416px] h-[376px] flex justify-end items-end">
<img class="absolute inset-0 w-[416px] aspect-[342/288] object-cover -z-10" alt="" src="./static/assets/photos_section_image.png"/> <img class="absolute inset-0 w-[416px] h-[376px] object-cover -z-10" alt="" src="./static/assets/photos_section_image.png"/>
<p class="font-bold text-[40px] leading-[1] p-[8px]">PHOTOS</p> <p class="font-bold text-[40px] leading-[1] p-[8px]">PHOTOS</p>
</div> </div>
<div class="flex gap-4"> <div class="flex gap-4">

8
static/tailwind.css
View file

@ -689,6 +689,10 @@ video {
aspect-ratio: 342/288; aspect-ratio: 342/288;
} }
.aspect-\[1\/1\] {
aspect-ratio: 1/1;
}
.h-\[37px\] { .h-\[37px\] {
height: 37px; height: 37px;
} }
@ -757,6 +761,10 @@ video {
height: 416px; height: 416px;
} }
.h-\[376px\] {
height: 376px;
}
.max-h-\[40vh\] { .max-h-\[40vh\] {
max-height: 40vh; max-height: 40vh;
} }