fix: clamp blog post excerpts to three lines

[puneetnith28]

Summary

Adds line-clamp-3 to the post excerpt in PostCard/index.module.css to ensure consistent card heights and spacing across the blog grid.

Motivation

On /blog, post description lengths vary, causing uneven spacing between the excerpt content and the bottom byline across cards in the same grid row.

Clamping excerpts to three lines keeps the card content, spacing, and bylines aligned consistently across the grid.

Changes

• Added line-clamp-3 to .excerpt in:
  components/Blog/PostCard/index.module.css
• Ensures post excerpts are limited to three lines.

Closes #267

Summary by CodeRabbit

• Style
  • Blog post excerpts are now limited to three lines and truncated with an ellipsis for a more consistent card layout.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
webpack-doc-kit	Ready	Preview	Sep 13, 2026 9:33am UTC

[linux-foundation-easycla]

The committers listed above are authorized under a signed CLA.

• ✅ login: puneetnith28 / name: puneetnith28 (3c3df74)

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: 2a8fb18b-19e3-4a66-88ea-b345b21cacc5

📥 Commits

Reviewing files that changed from the base of the PR and between db92449 and 3c3df74.

📒 Files selected for processing (1)

• components/Blog/PostCard/index.module.css

Included review availability: Your plan provides up to 1 included review per hour; 0 remain after this review.

---

Walkthrough

The .excerpt rule in PostCard now applies line-clamp-3. Excerpt text is limited to three lines and uses an ellipsis for truncated content.

Priority: ➖ Normal

Severity of issue fixed: Medium

Merge Risk: ⚪ Minimal · up to 3c3df

The styling change is narrowly scoped to the intended blog-card excerpt layout and is ready to merge.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and concisely describes the main change: limiting blog post excerpts to three lines.
Linked Issues check	✅ Passed	The change addresses issue #267. components/Blog/PostCard/index.module.css adds line-clamp-3 to .excerpt. This limits post descriptions to three lines and applies truncation with an ellipsis. Th…
Out of Scope Changes check	✅ Passed	The pull request changes only the blog post excerpt styling in components/Blog/PostCard/index.module.css. The change directly supports issue #267 and introduces no unrelated behavior or files.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 0…

✨ Finishing Touches 💡 1

🛠️ Fix failing CI checks 💡

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[moshams272]

Nice 🤍

[puneetnith28]

Thanks for reviewing and merging this PR,
Looking forward to contribute more!!