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