# Screen Size Previews

**URL:** <https://community.noloco.io/t/screen-size-previews/1189>\
**Category:** Feature Requests\
**Tags:** feature-request\
**Created:** [September 4, 2024, 3:30pm UTC](https://community.noloco.io/t/screen-size-previews/1189 "2024-09-04T15:30:56Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![dianakirby](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/dianakirby/32/38_2.png) [@dianakirby](https://community.noloco.io/u/dianakirby)\
**Post date:** [September 4, 2024, 3:30pm UTC](https://community.noloco.io/t/screen-size-previews/1189/1 "2024-09-04T15:30:56Z")

</div>

More of a low-level item, it would be nice to have a screen size preview (desktop, tablet, mobile). I don’t use it a ton on other platforms that have it (e.g. Softr), but every now and then a customer will want/prefer Mobile-first usage. Most of the time my clients intend to use the platform on a computer/desktop but mobile is nice.

Noloco already has a lot of great accessibility and responsive design when it comes to mobile and PWA versions, but the only way for me to view it on mobile or show it to clients is to login to the app on my mobile device. Not a huge thing of course! Just perhaps a nice to have for a rainy day 🙂

This is especially pertinent when it comes to Containers. I had a client need mobile-first and the container set up I’d created put the buttons all out of order on mobile, so I needed to switch up how I’d organized the containers for it to be mobile responsive 🙂

---

<div class="post-metadata">

**Author:** ![onlymatt](https://avatars.discourse-cdn.com/v4/letter/o/48db29/32.png) [@onlymatt](https://community.noloco.io/u/onlymatt)\
**Post date:** [September 4, 2024, 7:28pm UTC](https://community.noloco.io/t/screen-size-previews/1189/2 "2024-09-04T19:28:15Z")

</div>

Definitely a cool idea and it was helpful on other platforms when I was testing them in the past. Your post made me wonder if Chrome had extensions for this purpose so I did a search and found one I liked. I actually have more users on mobile than desktop so this will be really helpful. But, I would certainly favor a native feature with noloco.

---

<div class="post-metadata">

**Author:** ![dianakirby](https://dub1.discourse-cdn.com/flex005/user_avatar/community.noloco.io/dianakirby/32/38_2.png) [@dianakirby](https://community.noloco.io/u/dianakirby)\
**Post date:** [September 5, 2024, 3:28pm UTC](https://community.noloco.io/t/screen-size-previews/1189/3 "2024-09-05T15:28:51Z")

</div>

ooooh great idea about the Chrome extension! What was the name of the one you found Matt?

---

<div class="post-metadata">

**Author:** ![onlymatt](https://avatars.discourse-cdn.com/v4/letter/o/48db29/32.png) [@onlymatt](https://community.noloco.io/u/onlymatt)\
**Post date:** [September 9, 2024, 5:30pm UTC](https://community.noloco.io/t/screen-size-previews/1189/4 "2024-09-09T17:30:07Z")

</div>

> **[Mobile simulator - responsive testing tool - Chrome Web Store](https://chromewebstore.google.com/detail/mobile-simulator-responsi/ckejmhbmlajgoklhgbapkiccekfoccmk)**
>
> Smartphone and tablet simulator on computer with several models to test mobile responsive websites.