How to make blocks of the same height and width in one row for any block width?

Question

css

Greetings, please tell me how to make blocks of the same height and width when changing the screen width?
What would be proportionally reduced without transfer to the second line.

Answer 1

Here are my implementation examples:
1) Minimum width 75px
2) Minimum width + height depends on the width of the circle
You can specify the width in%, then the button will have flex: 0 0 20%, or you can specify the minimum value (For example 75px).

Answer 2

You can use the new aspect-ratioone with fallback before the padding hack https://jsfiddle.net/4kopLx87/