szQocks

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

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

Как сверстать наклонные блоки на css?

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

"H1" или "h1" - это не "заголовок html", а "тег для выделения заголовка в тексте". Их можно ставить как угодно и где угодно.

Есть необязательное правило:

• H1 - это заголовок документа
  
• H2 - это заголовки разделов
  
• H3 - это заголовки подразделов
  

ну и так далее...

Ну, если я правильно понял вопрос.