.info

Есть овверрайд на десктопы

Рекламка. Мы не можем использовать названия типа ad или promo или banner, потому что попадем под гнев adblock`еров. По этому используем загадочное .info. Это надо запомнить.

Глобальная версия проста - это то, что встречается на мобилках. Версия для декстопов в оверрайде. Там ховеры, усложненный лейаут и прочее.

В карточке инфо должны быть опции возобновить и редактировать. Эти опции убраны в поповер, который открывается кликом/тапом на всю карточку. По этой причине вся карточка сделана ссылкой. В этой демке поповеры не представлены, но посмотреть можно на страницах ads.html
на десктопах
на мобилках

Если внутри карточки решим добавить ссылок, то надо будит разбираться с тем, как запихать ссылку в ссылку. Тег <a> внутрь другого тега <a> помещать нельзя. По-этому что-то придется делать div`ами либо span`ами. Либо сам info, либо то, что внутри. Не забываем при этом tabindex="0".

Кликабельным можно сделать .info__box (верстка выдержит изменение тега на <a>. Можно сделать ссылкой название игры. Для этого текст внутри .info__title обернуть либо в <a> либо в <span> с классами .link.link_decoration_inverted.

Ретинизация картинок простая, как и везде, через SRCSET. Высота 60px, ширина любая. Тут просто одна статичная версия картинок. Вот на планшет-десктоп версии будут заморочки. Но в принципе можно с этим совсем не заморочиваться и просто взять пачку картинок и разметку тега IMG от блока .thumb. Там они чуть побольше и это лишний трафик, но подойдут. Кейс все-равно не особо популярный.