Add / change responsive grid size

[yniknafs]

Feature Request

Currently - "computer" is applied to 992px - 1199px. And "large screen" is for "1200-1919". Most standard screens are somewhere in between that. e.g., 1400 or 1600. So - there's no way to get responsivity in that range.

the component is fine because you can set these ranges custom. But when beholden to the predefined ranges, i'm finding it hard to have this be useful for me because the 1900 range is pretty far out there.

[welcome]

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

[layershifter]

There was a similar discussion when we added a component, #1872 (comment).

Responsive component uses own breakpoints that can be passed as props while all other components (including Grid) use CSS breakpoints what means that you should to update CSS. It can be solved simply by SUI theming, you need to create a theme with custom breakpoints.