milestone counters won't scale, not responsive

I’m using milestone counters on my front page but when viewing page responsiveness for different size screens in Frontend editing, the counters don’t scale. They wrap to a 2nd line, AND the text within the counter wraps instead of scaling.

For Column Settings (3 columns – 1/4) for the row with milestone counters I have Large, Medium and Small screens set to “inherit offset from smaller.” I have Extra Small set to “no offset” and also to hide on device.

Width for the columns I’ve tried both “inherit from smaller” for Large and Medium screens. And 3 col – 1/4 for Large and Medium. Neither setting helped with the responsiveness issue. Width for Small screen says “default value from width attribute” and is greyed out.

Is there a global way to make every component of a page responsive to screen size (see my earlier post about main header text not scaling)? I have the “responsive” item toggled on.

thanks for your help with this.