11 秒のところで、なぜ flex-basis: 100px; と指定しているのでしょうか？

この場合、growと、shrink を一緒に指定しているので、container の幅以内の主軸に沿って、ボックス１が合わせて伸び縮みするという認識を持ちましたが、basis を指定してしまうと、100px で固まってしまい、grow と、shrink が無効になってしまうような気がします。

basis を指定しているのは、なぜですか？