[Помогите] Bootstrap 4 сетка - переносы фиксированных блоков

У меня есть контейнер бутстрапа 1170 и в нем 6 блоков фиксированной ширины (изменять их при адаптации нельзя)
Макет: http://prntscr.com/pzq7pk
Верстал их вот так по сетке: http://prntscr.com/pzq9ip
но в определенный момент когда ширины не хватает мне их надо переносить но до ближайшего разрешения не дотягиваю - до того же lg... как в таких случаях поступать? добавлять еще доболнительные классы с другими разрешениями для сетки, или просто как то иначе верстать... может как-то флексами можно решить этот вопрос?

 

что-то я протупил... можно же просто флексами: https://www.w3schools.com/css/css3_flexbox.asp
есть нюанс один... если элементам даешь правый margin то при изменении разрешения он наяинает из-за него раньше переноситься ((( .... а элементы добавляются динамически и получается косяк, так как перенос делается раньше ((

 

пробовал при помощи grid, но тоже непонятные отступы при изменении разрешения (использовал space-between и gap) (((

 

сделал при помощи grid - вот так: https://codepen.io/alex_yuzviak/pen/LYYovOW

 

как по мне так через grid проще делать. в пару строк пишется