Issue creating dashboard & column no-wrap

[Nitero]

I am trying to make a dashboard using this example

First issue is that on PC when I just paste it into my vault with the default theme the icons don't look like they should. Instead of 3 columns and 2 rows I just get 1 column with all icons vertically stacked. Removing the center-fixed-small options seems to fix this though.

---

The next issue is that on mobile it's still just vertically stacked. To get around this I tried using the no-wrap option. This changes nothing on PC, which is good. On mobile it now looks the same as on PC, but is horizontally scrollable. Instead I would've hoped it looked exactly the same without being scrollable, or better it adjusted to 2 columns and 3 rows as that would clearly fit.

---

Next I thought maybe --callout-nowrap-min-width could help, but it seems to do nothing. I had a look through the code and it isn't even used at all. When I put it where it was before and change the value to 100px it seems to at least look the same on PC and mobile (without scrolling).

/* No-Wrap Option (using callout-metadata) - for single row with horizontal scrollbar */
div[data-callout="multi-column"][data-callout-metadata*="no-wrap"].callout {
	flex-wrap: nowrap; overflow-x: scroll;
	& > .callout-content > *:is(div,ul) { flex-shrink: 0; flex-basis: var(--callout-nowrap-min-width) }/*added back here*/
}

So basically I have 3 questions:

• Should the example be changed or its options be fixed?
• Should --callout-nowrap-min-width be added back?
• Is there some option I am missing to automatically adjust columns to use the available space, so eg. 3x2 on desktop and 2x3 on mobile?