画像の下に隙間が出来て困ったことはありませんか？
コーディング初心者なら一度は悩んだことがあると思います。
imgはインライン要素である為、通常テキストのベースラインに揃えられて表示されます。
その為、ベースラインよりはみ出た部分が余白として確保される為、隙間が出来てしまいます。
対処方法は至って簡単です。
img {
vertical-align: bottom;
}
を指定してあげましょう。
たった、これだけのことなのですが、
知らない場合、marginや、paddingを0にしてみたり、
悩んだりするかもしれません。