Masonry галерея с ровным окончанием | HTML, CSS, JS

[@ЮрийЖелтухин]

Лена, спасибо за Вашу помощь. Просмотрел Ваш замечания, разобрался, все заработало. Спасибо за Ваш труд!!! С праздником 8 Марта Вас!!!

[@webelart]

Я очень рада, Урааа!!! Спасибо за поздравление!

[@34553901]

Елена привет из сибири! вы потрясающая! спасибо за такую находку алгоритмам ютуба! два дня писал нечто похожее и спустя двое суток выпало ваше видео... пришлось подписаться может еще чего найду)

[@ZolotarevPavel]

Спасибо за труд. Очень нравится подача материала. Выбранные темы очень полезны. Приятно смотреть, а главное слушать. Продолжайте в том же духе. Успехов и жду продолжения.

[@webelart]

Спасибо! 😊

[@deniskotov]

Очень интересно и познавательно слушать, спасибо. Познавательно услышать было о разных вариантах решения задачи.

[@5555Elenka]

Спасибо Леночка за урок. Интересный метод !

[@webelart]

Рада, что понравился! Спасибо за просмотр! ❤️

[@5555Elenka]

@@webelart Умничка! )

[@АлександрАфанякин]

Благодарю за видео! Очень интересная и хорошая подача материала. Желаю Вам реализовать вашу мечту в 100к подписчиков.👋

[@webelart]

Спасибо! ❤️

[@_fulgrim_9865]

Супер подача))помогли

[@АнварЕлегант]

спасибо вам за данный гайд )

[@deniskorablev2648]

Интересно)

[@ayub-a]

А как совместить сетку masonry с lazy loading ?

[@mikhanata1894]

Спасибо, за видео 🙂 У меня получилось. Есть вопрос только по адаптации галереи с Masonry к мобильным устройствам . Не подскажите , как лучше её сделать? Еще раз спасибо!

[@webelart]

Вам на мобильном тоже колонки нужны? Я думаю можно похожу схему использовать, не помню добавляла ли я тут ресайз. Просто сделать чтобы две допустим колонки было на мобильном. Не перебарщивать. Обычно кстати на телефонах колонка одна становится, но здесь конечно все от дизайна зависит

[@Ivan.Gostev]

У этой галереи есть альбомы?

[@webelart]

Ммм, какие альбомы имеете ввиду?

[@enotus_chang]

Чем плох img с object-position и object-fit? К чему пляски с background-image?

[@webelart]

Есть множество способов решения одной и той же задачи. Нравится object-position и object-fit - вперёд и с песней!😘

[@enotus_chang]

@@webelart background-image не уходит на печать, в отличии от img

[@webelart]

@@enotus_chang мне не нравится у img, что его можно мышкой зацепить, но в целом и это можно пофиксить. В любом случае, по семантике если это картинка то лучше использовать картинку. также замечу что background будет работать даже в старых браузерах. Хотя уже сейчас это не актуально, всякие IE уже умерли.

[@webelart]

@@enotus_chang Про печать, да это плохо.

[@ЮрийЖелтухин]

У меня к сожалению не заработала. Браузер не находит не одной ошибки, но картинки просто не показываются.

[@webelart]

Скините?

[@ЮрийЖелтухин]

@@webelart Елена, добрый день. А подскажите, куда можно скинуть?

[@webelart]

@@ЮрийЖелтухин у меня есть чат t.me/webelart_chat. Можете туда зайти и скинуть пример.

[@ЮрийЖелтухин]

@@webelart Лена, извините, что надоедаю Вам. В чат я подал заявку, но меня не впускают. :(

[@webelart]

@@ЮрийЖелтухин Разобрались. Чат я персонально мониторю от добавления и фильтрации непонятных людей и рекламы.