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

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">
<!-- Photo Links -->
<div class="flex flex-col w-[416px] gap-4">
<div class="relative w-[416px] aspect-[342/288] 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"/>
<div class="relative w-[416px] h-[376px] flex justify-end items-end">
<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>
</div>
<div class="flex gap-4">

8
static/tailwind.css
View file

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