Да такое можно на чем угодно

Самое изи можно на гридах

grid-template-columns: 1fr 1fr;
grid-gap: 10px;

1 поделит ровно по две карты

2 задаст отступ между картами по 10пх

@Oracle_C на флексах точно никак, гриды попробую, правда плохо знаю, но подучу

На сайте-примере через inline-block построена сетка

@WhiteBearDev то есть вообще без флексов и грид?

угу

@WhiteBearDev можешь вытащить с их сайта стили? Я пытался вообще ничего не вышло, как то странно сайт построен

@WhiteBearDev именно относящиеся к блоку с карточками товаров

могу, и ты можешь. Запускай отладчик Chrome и вперёд

@WhiteBearDev запускал, ничего не получилось к сожалению. Прежде чем обратиться за помощью поверь я реально перепробовал кучу вариантов, поэтому и обратился за помощью

так помогли же) предложили 3 техники выполнения этой задачи. Ничего в ней нетривиального нет. Возьми за основу код уже написанный Полиной и поиграй размерами и брейкпоинтами. Флекса для решения этой задачи хватит за глаза. Отдаление в мобильной версии реализуется за счёт пропорционального уменьшения размеров картинки в карточке. Ну напишет за тебя кто-то решение для этой задачи в том виде, в котором нужно, но дальше-то поддерживать тебе. А так пробами и ошибками разберёшься сам, но зато потом будешь эти списки карточек по 20 штук на дню верстать

👍

в гридах, увы, не шарю, может там ещё проще. Но что-то подсказывает, что и там без @media не обойтись. Или обойтись?

@WhiteBearDev на счет гридов я тоже их не знаю, но видеоуроки уже ищу

Глянь игру