refactor(tailwind): apply max-width-screen-* usage

[TylerAPfledderer]

Replaces explicit use of breakpoint values with max-w-screen-* to apply these values to max-width.

[netlify]

✅ Deploy Preview for ethereumorg ready!

Name	Link
🔨 Latest commit	8781434
🔍 Latest deploy log	https://app.netlify.com/sites/ethereumorg/deploys/67cf2cacc2f526000732b4b7
😎 Deploy Preview	https://deploy-preview-14940--ethereumorg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	7 paths audited Performance: 49 (🔴 down 9 from production) Accessibility: 92 (no change from production) Best Practices: 87 (🔴 down 8 from production) SEO: 98 (no change from production) PWA: 59 (no change from production) View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[pettinarip]

Aren't we misusing this class?

Looks like what we really want to use is max-w-screen- instead of max-w-. Wouldn't overriding maxWidth be redundant?

If we override it, shouldn't we also override the minWidth classes?

[TylerAPfledderer]

Aren't we misusing this class?

Looks like what we really want to use is max-w-screen- instead of max-w-. Wouldn't overriding maxWidth be redundant?

If we override it, shouldn't we also override the minWidth classes?

@pettinarip Yep. I overlooked that utility when going through the docs.

I'll revert and apply this utility.

[TylerAPfledderer]

@pettinarip alright, should be good here.

Chromatic regressions shown are outstanding from previous PRs (that I will review). I saw no regressions in the list specific to the changes made here.

[pettinarip]

Nice! looks good thanks @TylerAPfledderer