BenderIsGreat34, не знаю, может, он просто неаккуратный на мой взгляд. Но ладно, вы пока думайте, что да как у вас, но вот вам мой вариант с блоком-ссылкой и текстами при наведении:
BenderIsGreat34, просто у вас код косой довольно и слишком усложненный. Плюс, нейминг классов неверный (почему обертка сетки имеет класс .cards-item?):
И что мешало вам ваш код в песочницу изначально поместить, я же не должен был это делать за вас.
Иконочный шрифт из PNG не делают. Исходники иконок должны быть в SVG.
Макеты в PSD — прошлый век. Иконочный шрифт, если он используется дизайнером, должен быть приложен им в файле. Или же дизайнер должен не PNG, а SVG вставлять в макет сразу. А желательно — чтобы дизайнер заранее подготовил папку с этими иконками.
Либо — да, искать шрифт вам, техническому исполнителю.
На мой взгляд, конечно же. Или же выпадающее меню при нажатии на строку тоже сойдёт. Опять же — на мой взгляд.
Готовых решений не видел, делал такое сам по заданию партии. С моим косым уровнем JS заняло один день + HammerJS.