.t-zoom__preview { display: flex; flex-direction: column; /* Изменяем направление на вертикальное */ } .t-zoom__main { order: 1; /* Главное фото будет первым */ } .t-zoom__preview-list { order: 2; /* Миниатюры будут вторыми */ display: flex; flex-direction: column; margin-right: 20px; /* Добавляем отступ между миниатюрами и главным фото */ } .t-zoom__item { margin-bottom: 10px; /* Отступ между миниатюрами */ } .t-zoom__wrap { display: flex; align-items: flex-start; /* Выравниваем по верхнему краю */ }