ページ幅をこれ以上広げないCSS

パソコンでウェブを見ると、中心にコンテンツが表示されるのが一般的です。
CSSでこれを表現するには、下記の記述をコンテンツの最も外のDivに付ければOK。

【CSS】

  .contents {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    background: #82fcc9;
  }

最大幅は800pxでそれ以上伸びずに中央に固定されます。
max-widthの値を変えてお好みのサイズにしてください。

【プレビュー】

See the Pen
横幅最大値800px by endebataro (@endebataro)
on CodePen.