# 🖥️ CSS Hack: Custom Screen Size Control

**URL:** <https://community.glideapps.com/t/css-hack-custom-screen-size-control/84552>\
**Category:** Community Resources\
**Tags:** custom-css, custom-code\
**Created:** [September 23, 2025, 6:02am UTC](https://community.glideapps.com/t/css-hack-custom-screen-size-control/84552 "2025-09-23T06:02:53Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [September 23, 2025, 6:02am UTC](https://community.glideapps.com/t/css-hack-custom-screen-size-control/84552/1 "2025-09-23T06:02:53Z")

</div>

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

![Screen-Size](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/8/e8062aa32ba83f63534df8d75d3434859a66476f.gif)

```auto
#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.

---

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [September 23, 2025, 6:25am UTC](https://community.glideapps.com/t/css-hack-custom-screen-size-control/84552/2 "2025-09-23T06:25:21Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [September 23, 2025, 6:29am UTC](https://community.glideapps.com/t/css-hack-custom-screen-size-control/84552/3 "2025-09-23T06:29:29Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [September 23, 2025, 6:57am UTC](https://community.glideapps.com/t/css-hack-custom-screen-size-control/84552/4 "2025-09-23T06:57:18Z")

</div>

excellent!
