Максим Ленский, основной проблемный, это синий, со скосами. Тот что подсунут по него показывает что у скоса снизу должна быть тень. Но я уже перепробовал все варианты, единственный способ это через SVG маску такое сделать, такие скосы и что бы в IE 11 еще работали. Но еще в процессе
Андрей Федоров, да да да!!! Полностью с вами согласен :))) сам охреневаю, тень да, только над нижним блоком :))) бред.
Но пока хотя бы скосы сделать такие адаптивные и сохранив градиент.
Владислав Черненко, спасибо большое за внимание, но justify-content:space-around; не сработает :) уже пробовал все подобное, это я и сам бы решил если бы было так просто. Расстояние между ЦЕНТРАМИ БЛОКОВ все равно разное, и стало только хуже, крайние блоки не прижаты к краям.
Спасибо, без текста легко, но если текст добавить, он будет менять размер блоков, и ширина их будет неодинаковой, как и расстояние между ними. Добавьте текст как у меня, сделайnе блоки максимально ширину 180px и все, поедет все.