mirror of
https://github.com/Radiquum/radiquum.github.io.git
synced 2025-05-08 13:59:34 +05:00
responsive for tablets and hd screens
This commit is contained in:
parent
2c9fb22de2
commit
1a4ebe4fe1
2 changed files with 15 additions and 3 deletions
|
@ -36,8 +36,8 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex text-white h-full max-h-[40vh]">
|
||||
<div class="max-w-[53.75%] bg-bg-gray py-4 w-full h-full">
|
||||
<div class="flex flex-wrap text-white h-full max-h-[40vh]">
|
||||
<div class="xl:max-w-[53.75%] bg-bg-gray py-4 w-full h-full">
|
||||
<div class="flex items-center justify-between gap-2 px-4">
|
||||
<img src="./static/file_icon.svg" alt="" class="w-[30px] h-[37px]" />
|
||||
<p class="text-3xl text-bg-pink">yaml</p>
|
||||
|
@ -56,7 +56,7 @@
|
|||
href="https://last.fm/user/radiquum" id="track-name" target="_blank" referrerpolicy="origin">"LOADING . . ."</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-end justify-end w-full max-w-[45%] gap-4 p-8 font-medium text-4xl mb-[3%] flex-col 2xl:flex-row">
|
||||
<div class="flex items-end justify-end w-full xl:max-w-[45%] gap-4 p-8 font-medium text-4xl mb-[3%] xl:flex-col 2xl:flex-row">
|
||||
<a class="border-black border-4 hover:translate-x-2 hover:-translate-y-2 shadow-transparent hover:shadow-md hover:shadow-black transition-all border-t-8 border-l-8 border-solid w-[320px] h-[75px] flex items-end justify-end pr-2 pb-2 bg-bg-blue"
|
||||
href="#section_about">ABOUT ME</a>
|
||||
<a class="border-black border-4 hover:translate-x-2 hover:-translate-y-2 shadow-transparent hover:shadow-md hover:shadow-black transition-all border-t-8 border-l-8 border-solid w-[320px] 2xl:w-[300px] h-[75px] flex items-end justify-end pr-2 pb-2 bg-bg-blue"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue