width:◯◯px;にしても、要素の幅が可変になる場合の対処法

結論

1. 隣り合う要素（青）にwidth: calc(100% - 123px);を当てる。
2. 親要素（緑）に対し、display: flex;とjustify-content-center;を当てる。

赤で囲んだ要素が対象の要素（widthが可変になる要素）の場合

詳細

赤で囲んだ要素（<div>）のwidthが、
デバイスの幅によって変わった。
width: 92pxと指定しているのにもかかわらずだ。

実際に、デバイスの長さが違うと
こんな風に表示される。