$("figure.item").hover (
function() {
var shadow = $(this).find('.shadow');
var button = $(this).find('.button');
shadow.height(shadow.height() + button.height() + 20)
}, function() {
$(this).find('.shadow').height(0);
}
);$("figure.item").hover (
function() {
var shadow = $(this).find('.shadow');
var button = $(this).find('.button');
shadow.height(shadow.height() + button.height() + 20)
}, function() {
$(this).find(".shadow").css("height","");
}
);flex-flow: column;, поэтому перенос не нужен, т. к. контент выстраивается в колонку, а не в ряд, как раньше. Иными словами, на мобильном сайдбар у вас уже не переносится, а идёт сразу после контента, что уже говорит о ненужности wrap.wrap в данном случае можно столкнуться с проблемами. Более того, в целом тут даже и flex-то не нужен, но пусть будет на всякий случай.body {
display: flex;
flex-direction: column;
/* тут нет flex-wrap вообще, т. е. используется стандартное значение nowrap */
}
Да, такой вариант работает, не совсем нравится, что он задаёт размер всему ряду, но он работает. Как видите, в случае разных размеров, без JS тут не обойтись, к сожалению.