Create an alternative navigation block where columns are automatically layed out

[noteed]

We already have https://hypered.github.io/design-system/storybook/?path=/story/navigation-block--default

Is it possible to create an alternative example using column-count and column-width ? If you do, please add some information about how it degrades or browser support.

[andyngo]

Interesting, I've not heard or used this css property before. I assume you'd want a Tachyons-like implementation for this eg: .column-count-n, and .column-width-n(%) or .column-width-n(px)?

Browser support seems ok, if we can avoid using the properties outlined here in the 'Notes' section: https://caniuse.com/#feat=multicolumn