второй параметр отключает сжатие блоков, когда им не хватает места

Я б сделал flex-flow: row wrap; и flex: 1 0 auto;

Авто не даст сжатия исключительно до 256px
Поэтому в данном случае basis проще 256 задать, чтобы не писать ещё min-width

Автоматически должны растянуться на всю ширину которая будет доступна

Оно так и сделает благодаря flex-grow: 1

Не это их одинаковыми сделает, чёт начал сомневаться, я не за компом;)

?
Если можешь, запили песочницу
Или я через полчасика

Два одинаковых блока с одинаковым flex будут всегда одинаковы

Привет) ребят, а кто-то работал со swiper + fancybox?

Вроде Swiper умеет все тоже, что и fancy, или ошибаюсь?

в документации я  что-то не нашла

А что именно нужно?

Есть swiper слайдер, когда нажимаем на слайды, открывается fancybox. Слайдер используется в режиме loop. На сайте fancybox есть код, чтобы избежать дублирования слайдов. Хорошо работает slick слайдером, судя по примеру, но сo swiper есть проблемы.

Когда fancybox открыт, он показывает только слайды, которые находятся в разметке. То есть он не показывает дубликаты слайдов. Вроде хорошо, но есть проблемы. Для fancybox-content назначаются классы swiper-slide. И swiper-slide-duplicate в самом слайдере имеется стиль display: none. Сам слайдер ломается. В чем может быть проблема?

вот код

Что-то вот такое не подходит, да ?

такое нет)

там интернет-магазин

Если проблема только в swiper-slide-duplicate, если что, ты можешь снести полностью весь css  слайдера (он небольшой) и переписать сама :)

Я так и делаю в 99% случаев, ибо там стили супер ситуативные

Чем собираешь? Webpack?