Как сделать правильно такую галерею?
Количество фото может быть разное...
Размеры фото могут быть разные, фото в галереи идут от больших к маленьким (на скрине примеры)...
mark1505, на последнем скрине точно слайдер, там превью и большая фотка.
Покажите, как это должно выглядеть, если их 50.
Но не важно. Как вы на css планировали сортировать фото по размеру? Они и на js в ровную сетку без дыр могут не встать.
Смотрите в сторону Masonry или Isotope - они могут сделать красиво.
У гридов есть dense (это с меньшим количеством дыр и не сортировано)
Если сначала отсортировать, то потом можно и флексами (выглядеть будет страшно)
Ankhena, Это 100% не слайдер, при нажатии на картинку будет открываться изображение в большем размере, типа той же самой галереи в lightbox...
Но нужно сделать как-то то что на скринах, где разное количество изображений, с разными размерами
Вот ещё такой пример в дизайне есть
Второй день ломаю голову как это нормально сделать.. ( использую React JS \ scss )
Простой
