Fix responsive issue.

[dwjohnston]

No description provided.

[Copilot]

Pull Request Overview

This PR adds CSS styling to fix width/overflow issues with code blocks in the react-github-permalink component. The changes implement a Stack Overflow solution to properly constrain pre elements within the .rgp-base container.

• Adds nested CSS rules targeting pre elements within .rgp-base using CSS nesting syntax
• Implements width constraints using width: 0 and min-width: calc(100% - 2em) with !important flags
• Includes commented-out code showing alternative approaches that were considered

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Commented-out code should be removed before merging to production. If this alternative solution needs to be preserved for reference, consider documenting why it was rejected or move it to commit history.

Suggested change

/* max-width: calc(100% - 150px); */

[Copilot]

Commented-out code should be removed before merging to production. If this alternative solution needs to be preserved for reference, consider documenting why it was rejected or move it to commit history.

Suggested change

	/* .rgp-base {
	max-width: 60%;
	} */

[Copilot]

Commented-out code should be removed before merging to production. If this alternative solution needs to be preserved for reference, consider documenting why it was rejected or move it to commit history.

[dwjohnston]

@copilot open a new pull request to apply changes based on this feedback

[Copilot]

@dwjohnston I've opened a new pull request, #259, to work on those changes. Once the pull request is ready, I'll request review from you.