アイキャッチ画像のグレー部分のように、画像を配置すると下に若干の余白が発生してしまいます。
この原因は、画像のインライン要素の初期値がベースライン（vertical-align: baseline;）に設定されているためです。
解決方法としては、ベースラインを別の設定にします。
CSS
img {
vertical-align: top;
}
vertical-align: top;
}
値の部分は「top」以外に「middle」や「bottom」でもOKです。
こういう事でつまずくと余計な手間や時間が取られますので、サクッと解決しましょう。