UI Improvement: Enhance overall visual consistency and responsiveness

[SagarSingh01]

🎨 UI Improvement Proposal

Description
While exploring the DevCard landing page, I noticed a few areas where the overall UI/design consistency and responsiveness could be improved to deliver a more polished user experience.

🔍 Issues Observed

• The feature cards section has inconsistent padding/spacing on smaller screen sizes
• The third feature card ("Open Source") gets partially hidden/clipped on medium viewports
• No visible focus states on interactive buttons (accessibility concern)
• The hero section CTA buttons could use hover animations for better interactivity feedback
• Overall spacing between sections feels uneven on mobile

✅ Suggested Improvements

• Standardize section padding using consistent CSS custom properties or Tailwind spacing scale
• Fix card overflow/clipping on medium screen widths (768px–1024px)
• Add smooth hover transitions on buttons
• Ensure responsive layout works across all breakpoints (mobile, tablet, desktop)

💻 Environment

• Browser: Chrome / Firefox
• Screen size: Desktop & Tablet

🙋 Offer to Contribute

I'd love to work on this if the maintainers are open to it!

[github-actions]

Hi @SagarSingh01,

Thanks for opening this issue.

Please reply with one of the following areas so the issue can be routed to the appropriate team member:

- /backend
- /web
- /mobile
- /devops

Once an area is selected, the corresponding label will be added automatically.

[github-actions]

👋 Thanks for opening your first issue, @SagarSingh01!

We appreciate your contribution and are excited to have you here. Please make sure to follow the contribution guidelines and provide as much detail as possible.

To stay updated, ask questions, and connect with maintainers and contributors, please join our Discord community:
https://discord.gg/QueQN83wn

Looking forward to collaborating with you!

[SagarSingh01]

/devops

[github-actions]

The issue has been classified as devops.

@ShantKhatri, please review and triage this issue when available.

The devops label has been applied and the issue has been routed accordingly.