*, *::before, *::after {
  box-sizing: border-box;
}




.row {
  display: flex;
  flex-wrap: wrap;
}

[class*='col-'] {
  padding: .8rem;
  box-sizing: border-box;
}

.col-1 { flex: 0 0 16.666%; }
.col-2 { flex: 0 0 33.333%; }
.col-3 { flex: 0 0 50%;     }
.col-4 { flex: 0 0 66.666%; }
.col-5 { flex: 0 0 83.333%; }
.col-6 { flex: 0 0 100%;    }