🖥️ CSS Hack: Custom Screen Size Control

Sharing another small CSS tweak I’ve been experimenting with :sparkles:
With this trick you can freely set different app widths on desktop or define a default width when the app first loads.

Screen-Size

#page-root:has(.unique-screen-size) {
  max-width: ...px;   /* set your preferred width */
  margin: 0 auto;
}

Disclaimer: Testing was done via DOM inspection and may not be fully accurate.
For other situations that require tailored CSS hacks, feel free to reach out via DM.

4 Likes

Wonderful! Does the size remain fixed when you change your browser size?

2 Likes

Yes — since it’s set in pixels, the custom CSS keeps the width fixed even if you resize the browser.

2 Likes

excellent!

2 Likes