解説で

その際には、こちらの div は左半分の幅、また画像はそのまま広げるとバランスが悪いので、別途それを囲う div を配置して、右半分に配置すればバランス良く仕上がりそうです。

とありますが、画像は

<img src="app.png" width="300" height="312" alt="アプリの動作イメージ">

でサイズを指定しているのに、div で囲わないと間延びするのですか？
また div で囲うとなぜ間延びしないのですか？