Fixed PostCard & HeroPost Layout Consistency in Blog Website

[ayushman31]

Consistent Sizing for PostCard and HeroPost Components

Summary

This pull request addresses inconsistent sizing and alignment issues in the PostCard and HeroPost components by enforcing fixed dimensions and uniform spacing. It ensures a cleaner and more professional UI across all devices.

Fixes

• 2653

Changes Made

Layout Enhancements

• Fixed Dimensions: All PostCard and HeroPost components now have a consistent width and height, regardless of the image dimensions.
• Content Spacing: Ensured titles, excerpts, author, and date are evenly spaced and aligned across cards.
• Mobile Responsive: Verified and adjusted responsive behavior to ensure the layout remains clean on smaller screens.

Code Improvements

• Flex/Grid Usage: Refactored layouts using utility-first CSS (flex/grid) for better maintainability and alignment.
• Style Consistency: Improved visual coherence between components used side-by-side or in grid layouts.

Screenshots

2025-04-16.15-42-12.mp4

Notes

• The changes have been thoroughly tested across screen sizes and align with the acceptance criteria mentioned in the issue.
• Please review the component structure and layout behavior for any further refinements.

---

PR for this issue

Thankyou. 😊

[keploy]

Nice Pr 😄. We currently support Unit Test Generation only for Go projects.
Stay tuned – support for more languages is coming soon! 🚀

[keploy-staging]

Nice Pr 😄. We currently support Unit Test Generation only for Go projects.
Stay tuned – support for more languages is coming soon! 🚀