Как исправить растягивание фона у flex элементов?

Question

[Heorhii]

Всем бобра. Небольшой вопросик всплыл на днях, есть у меня элементы с неким border-radius у фона, но вот при уменьшении дисплея до тех пор когда они становятся в 2 ряда начинаются проблемы, а именно меня смущает что фон элементов начинает раздуваться из-за чего теряется симметрия, как это можно поправить?
Вот пример

Comments

[FeST1VaL]

ну проблема во flex-basis. Как вариант убрать его и space-between на flex-start и задать им отступы

[RAX7]

.tech_learn_item {
  flex: 0 0 100px;

Answer 1

[Сергей delphinpro]

https://codepen.io/anon/pen/oRyVep

Comments

[Heorhii]

Спасибо большое, это то что мне нужно!)

Answer 2

[Алексей Шевченко]

Попробуйте выставить flex-basis не в процентах, а фиксированной шириной. В Вашем примере, попробуйте поменять в строке 9 на:
flex-basis: 100px;