🖥️ 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.

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

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

excellent!