Как сделать адаптивную галерею картинок?

А как можно сделать так, чтобы при этом по высоте картинки совпадали?

reaget, устанавливать их как фон для "а", и ставить cover. Будет красота:)

А как можно сделать так, чтобы при этом по высоте картинки совпадали?

reaget, задай фиксированную высоту img

kayart, тогда пропорции "поплывут". На БГ ее!)) И cover-ом прибить намертво!)))

Exploding, тоже вариант, но не совсем семантично. Какая-нибудь Опера Мини или похожий браузер с собственным парсером может попросту пройти мимо такого изображения. Важные контентные изображения рекомендуется всё же прописывать через тег . Плюс уже есть неплохая браузерная поддержка свойства object-fit, которая позволяет проделывать с изображениями практически то же, что и с бэкграундными картинками.

Артём Кайдаш, Если уж в такой ситуации гнаться за семантикой, то я просто не представляю насколько идеальной она должна быть во всем остальном в рамках данной страницы:)
Как показывает практика - все печально: на странице нет h1, или наоборот их несколько, не заполнены или дублируются важные метатеги, но блин картинки мы вот почему-то обязательно должны сделать семантичными:)
Это не камень в ваш город, это я имею ввиду в общем если смотреть на ситуацию глобально:)

Exploding, согласен, но это ведь не повод превращать разметку в кашу из тегов ;)

Артём Кайдаш, Почему в "кашу"?