# Node-Red dashboard viewport issue

**URL:** <https://discourse.nodered.org/t/node-red-dashboard-viewport-issue/47021>\
**Category:** Dashboard\
**Created:** [11 June 2021 09:53 UTC](https://discourse.nodered.org/t/node-red-dashboard-viewport-issue/47021 "2021-06-11T09:53:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Joker](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joker/32/43194_2.png) [@Joker](https://discourse.nodered.org/u/Joker)\
**Post date:** [11 June 2021 09:53 UTC](https://discourse.nodered.org/t/node-red-dashboard-viewport-issue/47021/1 "2021-06-11T09:53:24Z")

</div>

Hello everyone,

I am a newbie trying to use node red to create a webapp that works on both PC and smart phone. My current issue is that the dashboard UI doesn't fit 100% on my phone horizontally. I've tried to make changes to the widget sizes but somehow the recommended minimum size is 24 x 24, at which is still too big for my phone. But I noticed it will still work even if I set the dimensions below the recommended ones but I just couldn't make it fit 100%. The closest I can get is 23 for width but still only covers like 98% of the screen on my phone. I did also try with decimal but it just didn't work. May I know if there is anyway I can adjust the viewport on the node red ui itself? Not sure if I am even asking the right question since I only have very basic knowledge of HTML and CSS.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [11 June 2021 10:18 UTC](https://discourse.nodered.org/t/node-red-dashboard-viewport-issue/47021/2 "2021-06-11T10:18:59Z")

</div>

The dashboard works on a grid based system of units - so yes you may well not be able to get it pixel perfect. It is not meant for that - it is meant to allow people to create dashboards really easily without much knowledge. If you need total control you will need to create your own dashboard with something like the node-red ui-builder project - but yes you will need html and css skills.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [25 June 2021 10:19 UTC](https://discourse.nodered.org/t/node-red-dashboard-viewport-issue/47021/3 "2021-06-25T10:19:36Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.