How to make CSS justify-content:space-evenly fallback to space-between on Safari?

Question

I\'m building a webpage and running test against different browsers, one of the designs involves a flexbox and space-evenly, I know this is not widely supported yet, so as a fal

Answer 1

flex-grow should also solve your problem:

.parent {
  display: flex;
  .child {
    flex: 1
  }
}

Thus, all children share the container space evenly as they have the same flex-grow value.