Как использовать тег picture c учетом шаблонов?

[JennyBambu]

Не получилось расширить шаблоны img до picture, как правильно их нужно написать, чтобы была возможность использовать ?

Я пробовала разные варианты, либо все картинки использовали ссылку для первой картинки, либо все ломалось целиком.

[ademaro]

вообще есть мискин https://github.com/jokerinteractive/ledwit.ru/blob/master/src/views/common/mixins/picture.pug надо его пересмотреть

а что именно не работает? пришли ссылку на codepen, посмотрим

[JennyBambu]

Хм, я не совсем поняла, как в https://codepen.io/pen/ тут можно создать демонстрацию проблемы с использованием шаблонов... Я создала пулреквест из отдельной ветки для этого, сможете посмотреть? https://github.com/jokerinteractive/ledwit.ru/pull/22

Проблема в том, что при добавлении тега <picture>, ширина, заданная для класса тега <img> (results__gallery-image) = (30%), начинает некорректно отображаться (скрины приложила), занимая не 30% от всей обертки results__gallery,как было запланировано, а 30% от другой обертки меньшего размера 1 скрин - как стало 2 скрин - как было до добавления <picture>

[ademaro]

у results__gallery-image — надо убрать width: 30% и всё встанет норм: ![Uploading Screenshot 2021-06-01 at 15.14.34.png…]()

[ademaro]