# Dashboard Grid Breakpoint Config: Reference Docs?

**URL:** https://discourse.nodered.org/t/dashboard-grid-breakpoint-config-reference-docs/100344
**Category:** Dashboard
**Created:** [8 February 2026 21:18 UTC](https://discourse.nodered.org/t/dashboard-grid-breakpoint-config-reference-docs/100344 "2026-02-08T21:18:01Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![n61ab](https://avatars.discourse-cdn.com/v4/letter/n/cc9497/32.png) [@n61ab](https://discourse.nodered.org/u/n61ab)
#### Post date: [8 February 2026 21:18 UTC](https://discourse.nodered.org/t/dashboard-grid-breakpoint-config-reference-docs/100344/1 "2026-02-08T21:18:01Z")

</div>

I am transitioning to Dashboard One to Two and leaning about configuring breakpoints for the grid dashboard layout.

Through trial and error, I have been able to get the desired result, but…..I still do not understand the underlying principles or math. Below are my settings.

Question, please direct me to a more in-depth explanation how to set up multiple devices. I am hoping to read references, but if none, any explanations here are appreciated.

One burning question is, how does Dashboard Two use the configurations on the selected devices shown on the config page? Next, what is the math underlying the size of my display, the number of columns and the breakpoint in pixels?

Alan

 ![Settings](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/8/a/8a2c6b23321306184915a60f27dd241554e072d0.png)

---

<div class="post-metadata">

### Author: ![n61ab](https://avatars.discourse-cdn.com/v4/letter/n/cc9497/32.png) [@n61ab](https://discourse.nodered.org/u/n61ab)
#### Post date: [11 February 2026 14:17 UTC](https://discourse.nodered.org/t/dashboard-grid-breakpoint-config-reference-docs/100344/2 "2026-02-11T14:17:44Z")

</div>

No responses yet……I was hoping for something…..FlowFuse, are you out there?

Alan

---

<div class="post-metadata">

### Author: ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)
#### Post date: [11 February 2026 14:35 UTC](https://discourse.nodered.org/t/dashboard-grid-breakpoint-config-reference-docs/100344/3 "2026-02-11T14:35:55Z")

</div>

Hi @n61ab

The relevant docs are here:

- [Layout: Grid | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/layouts/types/grid#breakpoints)
- [Config: UI Page ui-page | Node-RED Dashboard 2.0](https://dashboard.flowfuse.com/nodes/config/ui-page#breakpoints)

The dashboard layout is based on a grid of columns. To make the layout responsive, the number of columns used can vary based on how wide the whole page is.

Given the config you've shared, if the screen with less than 375 pixels wide, then it will get split into 3 columns, between 375 and 1117 pixels wide, the available space will be split into 6 columns - and so on.

---

<div class="post-metadata">

### Author: ![n61ab](https://avatars.discourse-cdn.com/v4/letter/n/cc9497/32.png) [@n61ab](https://discourse.nodered.org/u/n61ab)
#### Post date: [11 February 2026 17:29 UTC](https://discourse.nodered.org/t/dashboard-grid-breakpoint-config-reference-docs/100344/4 "2026-02-11T17:29:58Z")

</div>

Nick

Thanks. That helps me to understand the breakpoint configuration.

Alan

---

<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 February 2026 17:30 UTC](https://discourse.nodered.org/t/dashboard-grid-breakpoint-config-reference-docs/100344/5 "2026-02-25T17:30:17Z")

</div>

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