【HTML🔰】divタグとimgタグどっちでサイズの指定をするのか？

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。

imgタグをdivタグで囲う場合

h2やh3のあるところ（テーマ・章のまとまり）

参考例：

【HTML】
<div class="card-image">
  <img src="img.jpg" alt="">
</div>

【CSS】
.card-image {
  width: 300px;
}

.card-image img {
  width: 100%;
  display: block;
}

div側(親)で設定することで、サイズ変更をする際divのサイズ調整で済むため。