いつも分かりやすい動画ありがとうございます。

今回の、.menu li a に適用した display: inline-block; についての質問がございます。
a 要素はデフォルトでインラインにより width が効かないため、インラインブロックにしておりますが、ただのブロック「display: block;」にしてもインラインブロックと同じ結果となりました。

display: flex; により、li 要素を横並びにしているのに合わせて今回はインラインブロックにしているのでしょうか？

今までの経験で、a 要素をインラインブロックにするのかブロックにするのかいつも迷ってしまうため今回ご質問させていただきました。

よろしくお願いいたします。