Вы создали блок, вставили в него ссылку с элементом img и внизу изображения появился отступ непонятного происхождения. Естественно, это не тот результат который вам нужен... Давайте разберемся как его править.
1. Вариант FlexBox
Установить родителю изображения display: flex; Мы решаем проблемы и можем расширять наш код как угодно.
img { display: flex; }
2. Вариант display
Чтобы этого не происходило img нужно установить css свойство display на ваш выбор;
img { display: block; } ------------------------------- img { display: inline-block; }
3. Вариант - line-height: 0
Самый не гуманный способ решить данную проблему.
img { line-height: 0; }