Alternative to gap for webkit?

Question

css

Is there any alternative to the "gap" rule for flex, which is not supported in webkit?

https://jsfiddle.net/zaLdmn46/1/

An alternative to bypass "margin", since one ":last-child {margin: 0px;}" is not enough if at different resolutions a different number of elements wrap to the next line.

Answer 1

There is a crutch. Well, although as a crutch, somewhere, perhaps, an elegant solution:
Let's say we need to set an indent of 50px.

.wrapper {
margin-top: -25px;
margin-bottom: -25px;
..
.child{
margin-top: 25px;
margin-bottom: 25px;

The grid of almost all CSS frameworks is made according to the same principle. But before using read about the collapse of indents.
PS: well, indents to the right and left are already selectors. But it should be obvious.