Табличка на экране оплаты Эпл‑пея

Увидел экран оплаты Эпл‑пея, выглядит всё просто. Мне очень понравилось расположение заголовков, но я себе не смог объяснить почему расположение последних трёх заголовков во второй колонке — хорошо в этом случае. Можете сделать это за меня? И как этот кейс можно охарактеризовать, чтобы дальнейшем понимать, где применять?

Это странный экран: снизу иконка тач‑айди, подписанная как Face ID. Где вы его взяли? :‑)

Что понять, почему таблички в конце свёрстана именно так, достаточно посмотреть на альтернативы.

Если сверстать как предыдущие строки, справа получается пустота. Ещё боковик таблицы хочется выровнять по левому краю, но так он противоречит предыдущим строкам экрана. Цифры естественно выровнять по разрядам и убрать вправо, но так выходит дыра посередине.

Хорошо свёрстанная таблица занимает минимальную возможную для себя ширину:

Но куда её такую приткнуть?

Как ни поставь, табличка слишком выделяется своим неуважением к вёрстке остального экрана. Вот и остаётся тот вариант, который вы показали: цифры направо, а боковик — в основную колонку. Таблицу всё‑таки приходится тянуть в ширину, но хотя бы не на весь экран:

Интерфейс Таблицы

Отправить

Запинить

Твитнуть