【CSS】左側にリストが表示されている時のプレイエリア左右のpaddingの調整

[Toshi7878]

ブラウザの表示サイズを90%→80%→75%...と縮小していくと、プレイエリア左右に広い余白が作られます。 表示サイズが100%の時もタイピングする文字が少し右側に寄って見えてしまいます。

左側にリストが表示されていない(ヘッダーの左上にハンバーガーバーが表示されている)表示サイズの時はプレイエリアが中央に寄っているので見やすく感じました。

※ピンクのグリッド線は目分量です。ご了承くださいm( )m