セクションごとに色分けするデモ

Heading 2 でセクションを分けて色分けします。
参考CSS
.page {
  background-color: #f0f7ff;
}
.container {
  max-width: 100%;
  padding: 0;
}
.titleSection__contentsWrapper,
.separatedSection__contentsWrapper,
.contentsFooterSection__contentsWrapper  {
  max-width: 800px;
  margin: 0 auto;
  padding: 32px;
}
.separatedSection:nth-child(even),
.contentsFooterSection {
    background-color: #fff;
}
CSS

見出し1

〜〜〜見出し1の本文〜〜〜
〜〜〜見出し1の本文〜〜〜
〜〜〜見出し1の本文〜〜〜
〜〜〜見出し1の本文〜〜〜
 
〜〜〜見出し1の本文〜〜〜

見出し2

〜〜〜見出し2の本文〜〜〜
〜〜〜見出し2の本文〜〜〜
〜〜〜見出し2の本文〜〜〜
〜〜〜見出し2の本文〜〜〜
〜〜〜見出し2の本文〜〜〜

見出し3

〜〜〜見出し3の本文〜〜〜
〜〜〜見出し3の本文〜〜〜
〜〜〜見出し3の本文〜〜〜
〜〜〜見出し3の本文〜〜〜
〜〜〜見出し3の本文〜〜〜