feat: Alignment issue

[supriyagaut]

Title and Issue number

Alignment issue #1028
Title : Alignment issue

Issue No. : #1028

Code Stack :

Close #1028

Description

I have perfectly aligned the content now its looks better and enhanced to the UX.
kindly merge my pr under gssoc'24.

Video/Screenshots (mandatory)

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Checklist:

• I have performed a self-review of my code.
• I have commented my code, particularly in hard-to-understand areas.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers, screenshots, and videos after making the changes.
• I have gone through the contributing.md file before contributing

Additional context:

##Are you contributing under any Open-source programme?

• I am contributing under GSSOC'24
• I am contributing under VSOC'24

[netlify]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	f7151d0
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/6693be21f057110008b580b5
😎 Deploy Preview	https://deploy-preview-1028--taupe-cendol-f7e2bb.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[apu52]

@supriyagaut this PR has merge conflicts .please try to resolve them faster so that I can review the code & will be able to merge it or submit a complete new PR to avoid the merging conflicts

[supriyagaut]

@apu52 kindly check the conflict i have solved from my side please check and let me know

[apu52]

@apu52 kindly check the conflict i have solved from my side please check and let me know

still have conflicts & also please fill up the PR form correctly. I suggest u to please submit a new PR