Css: как убрать отступ снизу у картинки?

Вы создали блок, вставили в него ссылку с элементом 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;
}