CSS - Distribute columns evenly with justify-content

Question

.app_tabs {
    .tabs {
      display: flex;
      justify-content: space-between; 
      border-bottom: 1px solid #ddd;
    }
  
    .tab {
      padding: 5px;
      cursor: pointer;
      transition: color 0.3s ease;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;