Как выровнять блоки по центру?

Question

[Greg Plitt]

https://jsfiddle.net/2r4s680q/2/

Не получается выстроить всё по центру, хочется такое отображение



И вот границы выходят между дивами, хотя прописаны как идентичные..



Подскажите, как выравнять?

Answer 1

[Денис Инешин]

https://jsfiddle.net/5wbb5xja/ - выравнивание по центру
Не нужно использовать flex там, где он не нужен

Answer 2

[Сергей Тутуков]

С минимальными правками:

.wrap {
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.col-2 {
 ...
  padding: 10px;
...
}
.col-3 {
 ...
  padding: 10px;
...
}

Но я бы сделал по-другому. Почитай про col-*-offset
flex тут не нужен