Как лучше сверстать блоки с наклонами?
Чтоб добиться такого чистого эффекта, придется сделать данный блок обычным прямоугольником с overflow:hidden;
Далее его повернуть против часовой на несколько градусов transform: rotate(-15deg); Тем самым у тебя получится наклоненный прямоугольник. Будет проблема с краями, что видны его углы, для этого увеличь ширину этого контейнера, например 150%, главное скрыть, внутреннему контейнеру задашь нужную ширину. Останется выровнять внутреннее содержимое до горизонтального состояния, для этого поверни его в обратную сторону на то-же количество градусов transform: rotate(15deg);.<div class="outer">
  <div class="inner"></div>
</div>.outer {
  width: 150%;
  transform: rotate(-15deg);
}

.inner {
  transform: rotate(15deg);
}
Может попробовать через:transform: rotate();