fix(ui): correct invalid tailwind line-height class typo in features.tsx

Open Beginner friendly
#665 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
1/5
Estimated time
Under an hour
Newbie friendliness
95/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Quiet
Tech stack
tailwindcss, typescript
Domain
frontend

Research direction

Open src/pages/features.tsx and inspect line 54, where the Podman Desktop link uses the invalid leading-releaxed class. Correct the typo to leading-relaxed. The issue is done when that element uses the valid Tailwind line-height class.

Written by the indexing model from the issue text.

Description

Bug Description

In src/pages/features.tsx (line 54), there is a typo in the Tailwind CSS line-height class for the Podman Desktop link.

The class is written as leading-releaxed. Because this is an invalid class name, Tailwind CSS ignores it entirely, resulting in broken/default line height rendering for that element.

Proposed Solution
  • Correct the typo from leading-releaxed to the valid Tailwind class leading-relaxed.
  • I am happy to submit a PR to fix this!
Dominant language
TypeScript
Stars
108
Forks
188
Avg merge
3d 14h
Merged PRs (30d)
11

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from containers/podman.io

All issues in containers/podman.io

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.