HamSter: ни в коем разе... так не интересно... английского не знаю... не оправдание конечно... перевожу документацию с гугл-переводчиком. Не нашла этот параметр с первого наскока. Простите. Спасибо!!!!
Да самое поршивое... что на локалхосте все работает... Я ни в коем разе не умаляю значения этих багов. Выправлю... Мне не понятен сам принцип: на домашнем хосте - проглатывается. На Гите - нет...
Степан: по ходу, я просто ... м... использовала флексы не по назначению. для такой штуки будут гряды, я так понимаю. вот в них бы и завернуть... Но это тема другой беседы. Все равно Спасибо!
Степан: да. сейчас я завернула мелочь в доп обертку, дала направление «колонка», т.е. flex-flow: column wrap; и этим отвязалась от высоты. Другими словами в родителе теперь только два потомка и они колонки. Но скорее всего, я чего не знаю.
Sergey Loysha: Сергей, простите, но overflow в вашем примере у секции стоит. И по моему измышлению он пригодиться, т.к. безболезненно растягивать-сжимать картинки желательно только с ним. Или я в чем-то ошибаюсь?
Если я не ошибаюсь, то получается как-то так: codepen.io/emelyanova/pen/xENQxk
Мне кажется это самое разумное решение. И поддерживается чуть ли не до IE6! Круто! Спасибо!
ГЛАВНОЕ! Высота у картинки должна быть больше или равна высоте секции. А то будет склейка как у меня.