Maxim Kirshin

@media (max-width: 767px) {
  main {
    flex-flow: column nowrap;
    height: auto;
  }
  .left, .center, .right {
    width: 100%;
  }
}

Не использовать space-between, а использовать margin'ы

Если класс "col-3", то, я так понимаю, мы говорим о bootstrap 4.
Там есть встроенные классы, например "mb-1", "mb-2", "my-3", и так далее

Читай доку :) https://getbootstrap.com/docs/4.3/utilities/spacing/