CSS - flex property for 3 columns

Question

.flex-row {
  display: -webkit-flex; /* Safari */
  display: flex;
  flex-wrap: wrap; 
  .loc-box {
      flex: 0 0 100%;
      @media (min-width: 768px) {
          flex: 0 0 33%;
      }
      flex: 0 0 33%;
      text-align: center;
      .title {
        &-center {
          display: block;
        }
      }
  }
}