Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

fix: landing page hero section button alignment fixed #228

Merged
merged 2 commits into from
Oct 29, 2023
Merged

fix: landing page hero section button alignment fixed #228

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
863e020
fix: landing page hero section button alignment fixed
tanpreetjolly Oct 22, 2023
4a0542f
fix: hero section button overlapping fixed
tanpreetjolly Oct 28, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions pages/templates/ebraj/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -161,7 +161,7 @@ export const HeroSection = () => {
<div className="h-60 bg-gradient-to-br from-violet-500 to-violet-600 blur-[200px] dark:from-sky-900 dark:to-sky-950"></div>
<div className="h-60 bg-gradient-to-r from-violet-500 to-violet-600 blur-[200px] dark:from-sky-800 dark:to-sky-900"></div>
</div>
<main className="text-center">
<main className="text-center flex flex-col">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you had added justify-center items-center here , it would have achieved the same result without the need to make changes to the button. Nevertheless, I believe the output remains consistent in both scenarios👍.

Copy link
Collaborator

@hemantwasthere hemantwasthere Oct 27, 2023 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@tanpreetjolly Can you please do the changes that @sohan9819 recommended instead of current change you have done.

<div className="space-y-4">
<p className="inset-3 inline-block rounded-full bg-violet-800/50 px-5 py-2 text-sm text-gray-50 ring-1 ring-slate-200/60 backdrop-blur-[10px] dark:bg-slate-600/20 dark:ring-slate-600/60">
Releasing Soon 🎊
Expand All @@ -178,7 +178,7 @@ export const HeroSection = () => {
<Link
href={'/signup'}
type="submit"
className="mt-8 rounded-md bg-gradient-to-r from-[#845df1] via-[#e94389] to-[#e0ab18] px-10 py-4 text-lg text-white transition-all hover:scale-105"
className="mt-8 rounded-md bg-gradient-to-r w-fit mx-auto from-[#845df1] via-[#e94389] to-[#e0ab18] px-10 py-4 text-lg text-white transition-all hover:scale-105"
>
Get Started for Free
</Link>
Expand Down
Loading