Убираем нижний отступ у изображения

Так как тег img имеет свойства строчного элемента, это означает, что элемент будет по умолчанию выравниваться по базовой линии текста.

Убираем нижний отступ у изображения

Для того что бы убрать нижний отступ у изображения, нужно применить к нему свойства «display: block», тем самым сделать строчный элемент — блочным.

img {
  display: block
}

Также можно применить к изображению такое свойство как «vertical-align: top» или «vertical-align: bottom», тем самым убираем у изображения нижний отступ.

img {
  vertical-align: top
}