h1 に 240px と指定して、 a.btn に 160px とそれぞれに固定値を設定していますが、例えば、フレックスボックスでこれら 2 つの要素を横並びにして、画面サイズが 375px のスマホで表示させた場合、フレックスアイテムの横幅の合計が 400px なので画面の幅を超えてしまいます。この場合は、 flex-shrink の初期設定の 1 が機能して、 25px 不足しているのでそれを 2 で割った値、 12.5px を h1 と a.btn から引いて幅を縮小させて、 375px で横に並ぶようになるのでしょうか？