fix-#220: Fixed Heights of All Post Section's cards

[Alen-Scaria1516]

Summary

Fixed the different height issues of All post sections.

Description

The cards had different heights, causing inconsistency in the design. So added a Text Truncation (...) property on overflow on the Category Pill and sliced the category array into just first 3 pills, so that it will stay in one line and won't grow to the next line to increase the size of the card.

Images

Issue(s) Addressed

Closes #220

Prerequisites

• [x] Have you followed all the CONTRIBUTING GUIDELINES?

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
wanderlust	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 24, 2024 6:59pm
wanderlust-backend	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 24, 2024 6:59pm

[github-actions[bot]]

Hey @Alen-Scaria1516! Thanks for sticking to the guidelines! High five! 🙌🏻

[Alen-Scaria1516]

@krishnaacharyaa Sorry, I had to close the old PR, cuz I had to delete that branch. I hope that it's fine 😇

[Alen-Scaria1516]

@krishnaacharyaa sorry to bother u. My contribution has not been reflected in GSSOC Leaderboard, missing

• my name as Assigness in the PR
• labels on PR {gssoc and level1}

Would you be kind enough to add these so that my work would be reflected on the LeaderBoard? Thank You 😇