fix: implement responsive layout for project cards #372

[prakshithamalla-art]

Overview

This PR resolves the mobile responsiveness issue for the recommended projects section by replacing the absolute layout sizing with a structured, mobile-first CSS Grid approach.

Changes Made

• Removed older, duplicate, and conflicting .results-grid class declarations.
• Updated .results-grid to utilize standard media queries for rigid viewport scaling:
  • Mobile (<768px): 1 card per row (repeat(1, minmax(0, 1fr)))
  • Tablet (768px - 1023px): 2 cards per row (repeat(2, minmax(0, 1fr)))
  • Desktop (>=1024px): 3 cards per row (repeat(3, minmax(0, 1fr)))
• Ensured card padding, margins, alignment, and hover animations remain completely intact and visually stable.

Closes #372

[vercel]

@prakshithamalla-art is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thank you for submitting your first pull request to DevPath.

Before review:

• Complete the PR template fully
• Ensure all tests pass
• Link your PR to an issue
• Keep changes scoped to the issue

A maintainer will review your contribution soon.

[prakshithamalla-art]

hey @komalharshita thank you for givinng me this could you please check it and merge