feat: responsive main content width for large screens

[JoeyC-Dev]

Type of change

• Bug fix (a non-breaking change that fixes an issue)
• New feature (a non-breaking change that adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Other (please describe):

Checklist

• I have read the CONTRIBUTING document.
• I have checked to ensure that this Pull Request is not for personal changes.
• I have performed a self-review of my own code.
• My changes generate no new warnings.

Related Issue

None

Changes

• Replace fixed 75rem page width with clamp(75rem, 75vw, 140rem) so content scales proportionally on 1440p/4K displays instead of staying narrow.
  

  fuwari/src/constants/constants.ts

  Lines 16 to 17 in 6d39b0d

  	// Page width: rem
  	export const PAGE_WIDTH = 75;

How To Test

Use different screen resolution to check.

Screenshots (if applicable)

1080p:

4k:

Additional Notes

Should not be larger than 75vw cuz 80vw looks like below in 1080p:

[vercel]

@JoeyC-Dev is attempting to deploy a commit to the zephyirdgmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.