Как сверстать косой блок в адаптиве?
Почему-то все забывают, что clip-path поддерживает координаты через calc(), что нивелирует все проблемы с адаптивностью и соединением блоков вне зависимости от количества контента, ширины блока. 

clip-path: polygon(0% 0%, 100% calc(0% + 60px), 100% calc(100% - 60px), 0% 100%);
/* calc(100% - 60px) -- вот тут задал четкую ширину скоса */

snippet

Как сверстать наклонные блоки на css?
Вот красивое решение: 9elements.com/blog/pure-css-diagonal-layouts