fix: section header text cutoff

[sidhacks]

Summary

• Fixed the text cutoff issue in the Features header text across different screen sizes and devices.
• Updated the responsive styling and layout handling to ensure text displays properly without overflow or truncation.

Why it changed

The Features section header text was getting cut off on certain devices and screen resolutions, affecting readability and overall user experience. This fix ensures consistent responsive behavior across mobile, tablet, and desktop devices.

Type of change

• Bug fix
• New feature
• Refactor
• Documentation
• Test or CI improvement
• Starter template change

Related issue

None

Validation

• npm run lint
• npm test
• npm run build

List any additional manual verification you performed:

• Verified the text cutoff issue on mobile, tablet, and desktop screen sizes.
• Checked text rendering and responsiveness on multiple browsers.

Screenshots or recordings

Checklist

• I kept this PR focused on one primary change
• I updated documentation if behavior changed
• I did not commit secrets, local logs, or scratch files
• I am requesting review on the correct scope

Summary by CodeRabbit

• Style
  • Improved the visual presentation and spacing of the "Beyond Just an Editor" section header.

[qodo-code-review]

Qodo reviews are paused for this user.

Troubleshooting steps vary by plan Learn more →

On a Teams plan?
Reviews resume once this user has a paid seat and their Git account is linked in Qodo.
Link Git account →

Using GitHub Enterprise Server, GitLab Self-Managed, or Bitbucket Data Center?
These require an Enterprise plan - Contact us
Contact us →

[github-actions]

👋 Thanks for opening a PR, @sidhacks!

Your PR has entered the 🚦 PR Review Pipeline.

⚪ Standard PR detected — your PR will follow the standard review pipeline.

---

What happens next

Stage	Reviewer	Checks
Stage 1 — Automated Validation	🤖 Bot	DCO · Format · AI/Slop · Duplicate
Stage 2 — Human Review	👥 Maintainer	Code + Quality Review
Stage 3 — PA / Maintainer Review	🔑 Project Admin	Final Merge Decision

A pipeline status comment will appear below and update automatically as your PR progresses.

---

While you wait

• Sign all commits (git commit -s)
• Link your issue (Closes #123)
• Use a feature branch (not main)
• Avoid unrelated changes

This comment is posted only once.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: e2a814ad-4f24-4358-b175-ba44ca9968a1

📥 Commits

Reviewing files that changed from the base of the PR and between a5c37f9 and bf7a8ce.

⛔ Files ignored due to path filters (1)

• package-lock.json is excluded by !**/package-lock.json

📒 Files selected for processing (1)

• app/(root)/page.tsx

---

Walkthrough

This PR adds flex layout and spacing classes to the "Beyond Just an Editor" section header in the homepage, modifying the <h2> className to include inline-flex, overflow-visible, and py-1 alongside existing gradient and typography styling.

Changes

Header Styling

Layer / File(s)	Summary
Features section header styling app/(root)/page.tsx	The <h2> className was updated to add inline-flex, overflow-visible, and py-1 classes for improved layout behavior and spacing.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Possibly related PRs

• piyushdotcomm/Editron#110: Both PRs modify app/(root)/page.tsx hero/header <h2> styling for the "Beyond Just an Editor" section header.

Suggested labels

ui-ux, area: ui

Suggested reviewers

• piyushdotcomm

Poem

A header stands tall with flex and with grace,
inline-flex whispers across its new space,
With overflow-visible keeping things bright,
And py-1 padding setting spacing just right! ✨

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title 'fix: section header text cutoff' directly addresses the main change in the PR—fixing a text cutoff issue in the section header.
Description check	✅ Passed	The PR description follows the template structure with all major sections completed: Summary, Type of change, Related issue, Validation, Screenshots, and Checklist. Required information is present and comprehensive.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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

[piyushdotcomm]

lgtm