BUG: Hero section and footer is not responsive

[r7projects-shayan]

Is there an existing issue for this?

• I have searched the existing issues

What happened?

The hero section is overlapping all elements together inside it and the footer section is too short and is covering only half of the page in smaller devices

Record

• I agree to follow this project's Code of Conduct
• I'm a GSSoC'24 contributor
• I want to work on this issue

[github-actions]

Thank you🎉, @r7projects-shayan! for creating this issue! We'll look into it as soon as possible. In the meantime, Your contribution is greatly appreciated, and we look forward to collaborating with you to resolve it. Keep up the great work! We will review your changes promptly and provide feedback. Please remember to check our documentation and guidelines.

[github-actions]

Hey there👋, Congratulations on creating your first issue with Blogzen. Hope you solve it! This is your first issue.

[r7projects-shayan]

I will submit it soon. Kindly don't close the issue, i'm working on it