What problem does this address?

Following the concept of Intrinsic design requires a shift in thinking about (layout-related) settings. We want to build for "every" screen size, but we also want to provide users with more control over the way content is displayed in various screen-size scenarios. The Min/Max approach seems to be a reasonable choice here, and it would be great to have UI that's easy to use for this.

Example - Product Gallery - Thumbnails

We are currently working on the new Product Gallery block and run into multiple tricky layouts and design decisions.

One of those is how to best display Thumbnails in various scenarios.

We have decided to provide users with the ability to select Min/Max number of columns that the Thumbnails will be displayed in. (Min helps when it comes to collapsing down on smaller viewports): woocommerce/woocommerce-blocks#11148

Below is a very rough example.

What is your proposed solution?

We'd like to provide a min/max setting for controlling this. Currently the RangeControl component supports only one input, but I believe this is a perfect use case for supporting two inputs: