fix: youtube readme styling

[iiio2]

resolves #1006

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Feb 5, 2026 0:45am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Feb 5, 2026 0:45am
npmx-lunaria	Ignored		Feb 5, 2026 0:45am

[coderabbitai]

📝 Walkthrough

Walkthrough

CSS styling rules have been added to the Readme component to modify the alignment behaviour of HTML elements. Images and containers with align attributes set to 'right' or 'left' now have float properties set to none, and non-image elements receive text-align: start. This adjustment affects how readme content with these alignment attributes is rendered within the application.

Suggested reviewers

• danielroe

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description check	✅ Passed	The PR description references issue #1006 and includes an image showing the YouTube embed styling problem, which is directly related to the changeset.
Linked Issues check	✅ Passed	The code changes add CSS rules to override HTML align attributes on images and containers within readme content, preventing float-based alignment and aligning with GitHub's rendering approach as required by issue #1006.
Out of Scope Changes check	✅ Passed	All changes are CSS-only modifications to Readme.vue that directly address the styling issue described in issue #1006, with no unrelated changes introduced.

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

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

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

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

[danielroe]

I think it would be nice if the wrapping persisted/worked

[iiio2]

@danielroe , design like npm is getting very tough for me 😢

[trueberryless]

#1040 fixes the issues as well, I think we might close this PR, but @iiio2 feel free to comment on the other PR 👍