word-breakで文字の折り返し指定が必要な要素などがあった場合、display: grid;でレイアウト組みをしていると、意図しない横スクロールが出てしまう場面があったgrid-template-columnsでminmaxを指定する必要がある
.container {
display: grid;
grid-template-rows: auto 1fr auto;
grid-template-columns: 30vw minmax(0, 1fr);
min-height: 100vh;
}