Варіант 1  - Таблиця

Мінус: погано адаптивиться, при ширині екрану >500px назви карток "зліплюються"; не можна додати зображення
  Visa
Platinum

 Visa
Signature

 Visa
Infinite
GCAS Глобальная служба поддержки клиентов

 *

 *

 *
Специальные предложения от глобальных и локальных партнеров

 *

 *

 *
Защита покупок и продленная гарантия

*

 *

Варіант 2 - Колонки

Плюс: найбліьш візуально наближений варіант до картинки.  Мінуси: при адаптиві порушується структура, стає не зрозуміло, що до чого; великі відступи між рядками 

Visa
Platinum

Visa
Signature

Visa
Infinite

Visa Infinite Business Card
GCAS Глобальная служба поддержки клиентов

*

*

*

Специальные предложения от глобальных и локальных партнеров

*

*

Защита покупок и продленная гарантия

*

Варіант 3 - Таби горизонтальні

Плюс: адаптивний варіант. Мінус: якщо список переваг дуже довгий, то, щоб побачити інформацію про картки, потрібно відскролювати вгору.

Visa
Platinum

*

Visa
Signature

*

Visa
Infinite

Visa Infinite Business Card

*

Варіант 4  - Таби вертикальні

Плюс: блок добре адаптивиться. Мінус: візуально трохи важче зрозуміти різницю в перевагах, що надають картки
visa platinum
  • GCAS Глобальная служба поддержки клиентов
  • Специальные предложения от глобальных и локальных партнеров
  • До -12% на бронирование отелей во всем мире на agoda.com
  • Защита покупок и продленная гарантия
  • Полное международное страхование на время путешествий, включая случаи COVID-19
  • Скидка до -35% на прокат автомобилей в Avis
  • Бесплатные визиты в лаунджи в Lounge Key
  • Сопровождение в аэропортах во всем мире с сервисом yQ Meet and Assist
  • Эксклюзивный сервис в отелях Visa Luxury Hotel Collection
  • Консьерж-сервис
  • Чат-бот