546 blog spacing hover fix

[Riya-Kharade]

Which issue does this PR close?

• Closes Improve Blog Section Spacing & Hover Animation #546

Rationale for this change

The blog section looked visually dull due to:

• Minimal spacing between blog cards and text.
• Hover animation being too fast and abrupt.
• Heading (Our Blog) looking too simple and lacking visual emphasis.
  This PR improves the spacing, hover interactions, and heading design for a more modern and engaging UI.

What changes are included in this PR?

• Added proper spacing (padding/margin) between blog cards and text for better readability.
• Applied smoother hover animation (transition: all 0.3s ease-in-out;) on blog cards.
• Redesigned blog heading (Our Blog):

1. Added a Font Awesome blog icon before the text.
2. Used gradient underline for emphasis.
3. Increased font weight and color contrast for better visibility.

• Implemented responsive media queries for heading (desktop, tablet, and mobile).

Are these changes tested?

• Manually tested in browser (desktop + mobile views).
• Verified hover effects and responsiveness across different screen sizes.

Screenshots

before

after

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

[netlify]

✅ Deploy Preview for growcraftt ready!

Name	Link
🔨 Latest commit	5319e2b
🔍 Latest deploy log	https://app.netlify.com/projects/growcraftt/deploys/68ce7fd91e1ec30008b50321
😎 Deploy Preview	https://deploy-preview-576--growcraftt.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 project configuration.