1
1
mirror of https://github.com/neosubhamoy/neosubhamoy-portfolio.git synced 2025-12-20 01:09:35 +05:30

(improved): responsiveness of projects and blog page

This commit is contained in:
2023-11-02 22:47:28 +05:30
parent 49ce196bf3
commit 0f35b4f4da
3 changed files with 50 additions and 2 deletions

View File

@@ -813,6 +813,42 @@ video {
margin-top: 2.2rem;
}
.mb-96 {
margin-bottom: 24rem;
}
.mt-60 {
margin-top: 15rem;
}
.mt-72 {
margin-top: 18rem;
}
.mt-80 {
margin-top: 20rem;
}
.mb-\[60vh\] {
margin-bottom: 60vh;
}
.mt-\[40vh\] {
margin-top: 40vh;
}
.mt-\[30vh\] {
margin-top: 30vh;
}
.mt-32 {
margin-top: 8rem;
}
.mb-72 {
margin-bottom: 18rem;
}
.flex {
display: flex;
}
@@ -1604,6 +1640,18 @@ video {
margin-top: 7rem;
}
.lg\:mb-60 {
margin-bottom: 15rem;
}
.lg\:mt-40 {
margin-top: 10rem;
}
.lg\:mb-32 {
margin-bottom: 8rem;
}
.lg\:block {
display: block;
}

View File

@@ -15,7 +15,7 @@ require './core/query_functions.php';
<body class="font-lexend bg-bg_primary text-accent_secondary">
<?php require 'assets/_header.php';?>
<div class="blogbox w-full px-4 lg:px-[4.5rem] flex flex-col items-center text-center">
<div class="mt-40 mb-60">
<div class="mt-[30vh] mb-[60vh]">
<h1 class="text-2xl font-bold"><i class="fa-regular fa-clock fa-spin text-accent_primary"></i>&nbsp; Coming Soon</h1>
<p class="text-base text-accent_three mt-3">Please be patience, Something intresting is cooking up...!!</p>
</div>

View File

@@ -35,7 +35,7 @@ $years = create_project_years_array($conn);
<div class="absolute bg-accent_primary w-[70px] h-[70px] rounded-full shadow-[0px_0px_120px_20px] shadow-accent_primary_transparent lg:blur-2xl mr-0 mb-[2rem] lg:mb-0 lg:mr-[12.5rem] lg:mt-[3.5rem]"></div>
</div>
</div>
<div class="projectssection w-full flex justify-between items-start my-32 px-2 lg:px-0">
<div class="projectssection w-full flex justify-between items-start mt-32 mb-72 lg:mb-32 px-2 lg:px-0">
<div class="lefttimeline">
<h4 class="text-2xl font-bold mb-10">Projects <span class="text-accent_primary">Timeline</span> by Year</h4>
<div class="timeline">